﻿

<!DOCTYPE html>
<html lang="en">
<head>
    
    <!-- Basic page needs
    ============================================ -->
    <title>SuperMaket - Multipurpose Responsive HTML5 Template</title>
    <meta charset="utf-8">
    <meta name="keywords" content="html5 template, best html5 template, best html template, html5 basic template, multipurpose html5 template, multipurpose html template, creative html templates, creative html5 templates" />
    <meta name="description" content="SuperMaket is a powerful Multi-purpose HTML5 Template with clean and user friendly design. It is definite a great starter for any eCommerce web project." />
    <meta name="author" content="Magentech">
    <meta name="robots" content="index, follow" />
   
    <!-- Mobile specific metas
    ============================================ -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    
    <!-- Favicon
    ============================================ -->
   
    <link rel="shortcut icon" type="image/png" href="ico/favicon-16x16.png"/>
    
   
    <!-- Libs CSS
    ============================================ -->
    <link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.css">
    <link href="css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="js/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
    <link href="js/slick-slider/slick.css" rel="stylesheet">
    
    <link href="css/themecss/lib.css" rel="stylesheet">
    <link href="js/jquery-ui/jquery-ui.min.css" rel="stylesheet">
    <link href="js/minicolors/miniColors.css" rel="stylesheet">
    
    <!-- Theme CSS
    ============================================ -->
    <link href="css/themecss/so_searchpro.css" rel="stylesheet">
    <link href="css/themecss/so_megamenu.css" rel="stylesheet">
    <link href="css/themecss/so-categories.css" rel="stylesheet">
    <link href="css/themecss/so-listing-tabs.css" rel="stylesheet">
    <link href="css/themecss/so-category-slider.css" rel="stylesheet">
    <link href="css/themecss/so-deals.css" rel="stylesheet">
    <link href="css/themecss/so-newletter-popup.css" rel="stylesheet">

    <link href="css/footer/footer3.css" rel="stylesheet">
    <link href="css/header/header3.css" rel="stylesheet">
    <link id="color_scheme" href="css/home3.css" rel="stylesheet"> 
    <link href="css/responsive.css" rel="stylesheet">

     <!-- Google web fonts
    ============================================ -->
    
    <link href='https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700' rel='stylesheet' type='text/css'>     
    <style type="text/css">
         body{font-family:'Poppins', sans-serif}
    </style>

</head>

<body class="common-home res layout-3">


    <div id="wrapper" class="wrapper-fluid banners-effect-1">
    

    <!-- Header Container  -->
    <header id="header" class=" typeheader-3">
        
        <!-- Header Top -->
        <div class="header-top hidden-compact">
            <div class="container">
                <div class="row">
                    <div class="header-top-left col-lg-8 col-md-5 col-sm-6 col-xs-7">
                        <ul class="top-link list-inline lang-curr">
                            <li class="currency">
                                <div class="btn-group currencies-block">
                                    <form action="index.html" method="post" enctype="multipart/form-data" id="currency">
                                        <a class="btn btn-link dropdown-toggle" data-toggle="dropdown">
                                            <span class="icon icon-credit "></span> $ US Dollar  <span class="fa fa-angle-down"></span>
                                        </a>
                                        <ul class="dropdown-menu btn-xs">
                                            <li> <a href="#">(€)&nbsp;Euro</a></li>
                                            <li> <a href="#">(£)&nbsp;Pounds    </a></li>
                                            <li> <a href="#">($)&nbsp;US Dollar </a></li>
                                        </ul>
                                    </form>
                                </div>
                            </li>   
                            <li class="language">
                                <div class="btn-group languages-block ">
                                    <form action="index.html" method="post" enctype="multipart/form-data" id="bt-language">
                                        <a class="btn btn-link dropdown-toggle" data-toggle="dropdown">
                                            <img src="image/catalog/flags/gb.png" alt="English" title="English">
                                            <span class="">English</span>
                                            <span class="fa fa-angle-down"></span>
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li><a href="index.html"><img class="image_flag" src="image/catalog/flags/gb.png" alt="English" title="English" /> English </a></li>
                                            <li> <a href="http://demo.smartaddons.com/templates/html/supermarket/html_with_RTL/home3.html"> <img class="image_flag" src="image/catalog/flags/ar.png" alt="Arabic" title="Arabic" /> Arabic </a> </li>
                                        </ul>
                                    </form>
                                </div>
                                
                            </li>
                        </ul>                   
                    </div>
                    <div class="header-top-right collapsed-block col-lg-4 col-md-7 col-sm-6 col-xs-5">
                        <div class="inner">  
                            <ul class="top-link list-inline">
                                <li class="account" id="my_account">
                                    <a href="#" title="My Account " class="btn-xs dropdown-toggle" data-toggle="dropdown"> <span class="hidden-xs">My Account </span>  <span class="fa fa-caret-down"></span>
                                    </a>
                                    <ul class="dropdown-menu ">
                                        <li><a href="register.html"><i class="fa fa-user"></i> Register</a></li>
                                        <li><a href="login.html"><i class="fa fa-pencil-square-o"></i> Login</a></li>
                                    </ul>
                                </li>
                                <li class="wishlist hidden-xs"><a href="#" id="wishlist-total" class="top-link-wishlist" title="Wish List (0) "><span>Wish List (0)</span></a></li>  
                                <li class="checkout hidden-sm hidden-xs"><a href="#" title="Checkout "><span>Checkout</span></a></li>
                                                
                            </ul>
                        </div>

                        
                    </div>
                </div>
            </div>
        </div>

        <!-- //Header Top -->

        <!-- Header center -->
        <div class="header-middle hidden-compact">
            <div class="container">
                <div class="row">
                    <!-- Logo -->
                    <div class="navbar-logo col-lg-3 col-md-3 col-sm-12 col-xs-12">
                        <div class="logo"><a href="http://demo.smartaddons.com/templates/html/supermarket/index.php"><img src="image/catalog/logo3.png" title="Your Store" alt="Your Store" /></a></div>
                    </div>
                    <!-- //end Logo -->
                    <!-- Search -->
                    <div class="middle2 col-lg-5 col-md-6 col-sm-6 col-xs-6">
                        <div class="search-header-w">
                            <div class="icon-search hidden-lg hidden-md hidden-sm"><i class="fa fa-search"></i></div> 
                            <div id="sosearchpro" class="sosearchpro-wrapper so-search ">
                                <form method="GET" action="index.php">
                                    <div id="search0" class="search input-group form-group">
                                        <div class="select_category filter_type  icon-select hidden-sm hidden-xs">
                                            <select class="no-border" name="category_id">
                                                <option value="0">All Categories</option>
                                                <option value="78">Apparel</option>
                                                <option value="77">Cables &amp; Connectors</option>
                                                <option value="82">Cameras &amp; Photo</option>
                                                <option value="80">Flashlights &amp; Lamps</option>
                                                <option value="81">Mobile Accessories</option>
                                                <option value="79">Video Games</option>
                                                <option value="20">Jewelry &amp; Watches</option>
                                                <option value="76">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Earings</option>
                                                <option value="26">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Wedding Rings</option>
                                                <option value="27">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Men Watches</option>
                                            </select>
                                        </div>

                                        <input class="autosearch-input form-control" type="text" value="" size="50" autocomplete="off" placeholder="Keyword here..." name="search">
                                        <span class="input-group-btn">
                                        <button type="submit" class="button-search btn btn-primary" name="submit_search"><i class="fa fa-search"></i></button>
                                        </span>
                                    </div>
                                    <input type="hidden" name="route" value="product/search" />
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- //end Search -->
                    <div class="middle3 col-lg-4 col-md-3 col-sm-6 col-xs-6"> 
                        <!--cart-->
                        <div class="shopping_cart">
                            <div id="cart" class="btn-shopping-cart">

                                <a data-loading-text="Loading... " class="btn-group top_cart dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
                                    <div class="shopcart">
                                        <span class="icon-c">
                                            <i class="fa fa-shopping-bag"></i>
                                          </span>
                                        <div class="shopcart-inner">
                                            <p class="text-shopping-cart">
                                                My cart
                                            </p>

                                            <span class="total-shopping-cart cart-total-full">
                                                <span class="items_cart">02</span><span class="items_cart2"> item(s)</span><span class="items_carts"> ( $162.00 ) </span>
                                            </span>
                                        </div>
                                    </div>
                                </a>

                                <ul class="dropdown-menu pull-right shoppingcart-box" role="menu">
                                    <li>
                                        <table class="table table-striped">
                                            <tbody>
                                                <tr>
                                                    <td class="text-center" style="width:70px">
                                                        <a href="product.html">
                                                            <img src="image/catalog/demo/product/80/1.jpg" style="width:70px" alt="Yutculpa ullamcon" title="Yutculpa ullamco" class="preview">
                                                        </a>
                                                    </td>
                                                    <td class="text-left"> <a class="cart_product_name" href="product.html">Yutculpa ullamco</a> 
                                                    </td>
                                                    <td class="text-center">x1</td>
                                                    <td class="text-center">$80.00</td>
                                                    <td class="text-right">
                                                        <a href="product.html" class="fa fa-edit"></a>
                                                    </td>
                                                    <td class="text-right">
                                                        <a onclick="cart.remove('2');" class="fa fa-times fa-delete"></a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center" style="width:70px">
                                                        <a href="product.html">
                                                            <img src="image/catalog/demo/product/80/2.jpg" style="width:70px" alt="Xancetta bresao" title="Xancetta bresao" class="preview">
                                                        </a>
                                                    </td>
                                                    <td class="text-left"> <a class="cart_product_name" href="product.html">Xancetta bresao</a> 
                                                    </td>
                                                    <td class="text-center">x1</td>
                                                    <td class="text-center">$60.00</td>
                                                    <td class="text-right">
                                                        <a href="product.html" class="fa fa-edit"></a>
                                                    </td>
                                                    <td class="text-right">
                                                        <a onclick="cart.remove('1');" class="fa fa-times fa-delete"></a>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </li>
                                    <li>
                                        <div>
                                            <table class="table table-bordered">
                                                <tbody>
                                                    <tr>
                                                        <td class="text-left"><strong>Sub-Total</strong>
                                                        </td>
                                                        <td class="text-right">$140.00</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="text-left"><strong>Eco Tax (-2.00)</strong>
                                                        </td>
                                                        <td class="text-right">$2.00</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="text-left"><strong>VAT (20%)</strong>
                                                        </td>
                                                        <td class="text-right">$20.00</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="text-left"><strong>Total</strong>
                                                        </td>
                                                        <td class="text-right">$162.00</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <p class="text-right"> <a class="btn view-cart" href="cart.html"><i class="fa fa-shopping-cart"></i>View Cart</a>&nbsp;&nbsp;&nbsp; <a class="btn btn-mega checkout-cart" href="checkout.html"><i class="fa fa-share"></i>Checkout</a> 
                                            </p>
                                        </div>
                                    </li>
                                </ul>
                            </div>

                        </div>
                        <!--//cart-->

                        <ul class="login-w hidden-md hidden-sm hidden-xs">
                            <li>My Account</li>
                            <li class="logout"><a href="login.html">Login</a> / <a href="register.html">Register</a></li>                            
                        </ul>                       
                    </div>    
                </div>

            </div>
        </div>
        <!-- //Header center -->

        <!-- Header Bottom -->
        <div class="header-bottom">
            <div class="container">
                <div class="row">
                    <div class="bottom1 menu-vertical col-lg-3 col-md-3">                  
                        <!-- Secondary menu -->
                        <div class="responsive so-megamenu megamenu-style-dev">
                            <div class="so-vertical-menu ">
                                <nav class="navbar-default">    
                                    
                                    <div class="container-megamenu vertical">
                                        <div id="menuHeading">
                                            <div class="megamenuToogle-wrapper">
                                                <div class="megamenuToogle-pattern">
                                                    <div class="container">
                                                        <div>
                                                            <span></span>
                                                            <span></span>
                                                            <span></span>
                                                        </div>
                                                        All Categories                          
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="navbar-header">
                                            <button type="button" id="show-verticalmenu" data-toggle="collapse" class="navbar-toggle">      
                                                <i class="fa fa-bars"></i>
                                                <span>  All Categories     </span>
                                            </button>
                                        </div>
                                        <div class="vertical-wrapper" >
                                            <span id="remove-verticalmenu" class="fa fa-times"></span>
                                            <div class="megamenu-pattern">
                                                <div class="container-mega">
                                                    <ul class="megamenu">
                                                        <li class="item-vertical  with-sub-menu hover">
                                                            <p class="close-menu"></p>
                                                            <a href="#" class="clearfix">
                                                                <img src="image/catalog/menu/icons/ico10.png" alt="icon">
                                                                <span>Gifts & Toys</span>
                                                                <b class="fa-angle-right"></b>
                                                            </a>
                                                            <div class="sub-menu" data-subwidth="60"  >
                                                                <div class="content" >
                                                                    <div class="row">
                                                                        <div class="col-sm-12">
                                                                            <div class="row">
                                                                                <div class="col-md-4 static-menu">
                                                                                    <div class="menu">
                                                                                        <ul>
                                                                                            <li>
                                                                                                <a href="#"  class="main-menu">Apparel</a>
                                                                                                <ul>
                                                                                                    <li><a href="#" >Accessories for Tablet PC</a></li>
                                                                                                    <li><a href="#" >Accessories for i Pad</a></li>
                                                                                                    <li><a  href="#" >Accessories for iPhone</a></li>
                                                                                                    <li><a href="#" >Bags, Holiday Supplies</a></li>
                                                                                                    <li><a href="#" >Car Alarms and Security</a></li>
                                                                                                    <li><a href="#" >Car Audio &amp; Speakers</a></li>
                                                                                                </ul>
                                                                                            </li>
                                                                                            <li>
                                                                                                <a href="#"  class="main-menu">Cables &amp; Connectors</a>
                                                                                                <ul>
                                                                                                    <li><a href="#" >Cameras &amp; Photo</a></li>
                                                                                                    <li><a href="#" >Electronics</a></li>
                                                                                                    <li><a href="#" >Outdoor &amp; Traveling</a></li>
                                                                                                </ul>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-4 static-menu">
                                                                                    <div class="menu">
                                                                                        <ul>
                                                                                            <li>
                                                                                                <a href="#"  class="main-menu">Camping &amp; Hiking</a>
                                                                                                <ul>
                                                                                                    <li><a href="#" >Earings</a></li>
                                                                                                    <li><a href="#" >Shaving &amp; Hair Removal</a></li>
                                                                                                    <li><a href="#" >Salon &amp; Spa Equipment</a></li>
                                                                                                </ul>
                                                                                            </li>
                                                                                            <li>
                                                                                                <a href="#" class="main-menu">Smartphone &amp; Tablets</a>
                                                                                                <ul>
                                                                                                    <li><a href="#" >Sports &amp; Outdoors</a></li>
                                                                                                    <li><a href="#" >Bath &amp; Body</a></li>
                                                                                                    <li><a href="#" >Gadgets &amp; Auto Parts</a></li>
                                                                                                </ul>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-4 static-menu">
                                                                                    <div class="menu">
                                                                                        <ul>
                                                                                            <li>
                                                                                                <a href="#"  class="main-menu">Bags, Holiday Supplies</a>
                                                                                                <ul>
                                                                                                    <li><a href="#" onclick="window.location = '18_46';">Battereries &amp; Chargers</a></li>
                                                                                                    <li><a href="#" onclick="window.location = '24_64';">Bath &amp; Body</a></li>
                                                                                                    <li><a href="#" onclick="window.location = '18_45';">Headphones, Headsets</a></li>
                                                                                                    <li><a href="#" onclick="window.location = '18_30';">Home Audio</a></li>
                                                                                                </ul>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li class="item-vertical">
                                                            <p class="close-menu"></p>
                                                            <a href="#" class="clearfix">
                                                                <img src="image/catalog/menu/icons/ico1.png" alt="icon">
                                                                <span>Fashion & Accessories</span>
                                                                
                                                            </a>
                                                        </li>
                                                        <li class="item-vertical  style1 with-sub-menu hover">
                                                            <p class="close-menu"></p>
                                                            <a href="#" class="clearfix">
                                                                <span class="label"></span>
                                                                <img src="image/catalog/menu/icons/ico9.png" alt="icon">
                                                                <span>Electronic</span>
                                                                 
                                                                <b class="fa-angle-right"></b>
                                                            </a>
                                                            <div class="sub-menu" data-subwidth="40" >
                                                                <div class="content">
                                                                    <div class="row">
                                                                        <div class="col-md-6">
                                                                            <div class="row">
                                                                                <div class="col-md-12 static-menu">
                                                                                    <div class="menu">
                                                                                        <ul>
                                                                                            <li><a href="#" class="main-menu">Smartphone</a>
                                                                                                <ul>
                                                                                                    <li><a href="#">Esdipiscing</a>
                                                                                                    </li>
                                                                                                    <li><a href="#">Scanners</a>
                                                                                                    </li>
                                                                                                    <li><a href="#">Apple</a>
                                                                                                    </li>
                                                                                                    <li><a href="#">Dell</a>
                                                                                                    </li>
                                                                                                    <li><a href="#">Scanners</a>
                                                                                                    </li>
                                                                                                </ul>
                                                                                            </li>
                                                                                            <li><a href="#" class="main-menu">Electronics</a>
                                                                                                <ul>
                                                                                                    <li><a href="#">Asdipiscing</a>
                                                                                                    </li>
                                                                                                    <li><a href="#">Diam sit</a>
                                                                                                    </li>
                                                                                                    <li><a href="#">Labore et</a>
                                                                                                    </li>
                                                                                                    <li><a href="#">Monitors</a>
                                                                                                    </li>
                                                                                                </ul>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-6">
                                                                            <div class="row banner">
                                                                                <a href="#">
                                                                                    <img src="image/catalog/menu/megabanner/vbanner1.jpg" alt="banner1">
                                                                                    </a>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                        <li class="item-vertical with-sub-menu hover">
                                                            <p class="close-menu"></p>
                                                            <a href="#" class="clearfix">
                                                                 <img src="image/catalog/menu/icons/ico7.png" alt="icon">
                                                                <span>Health &amp; Beauty</span>
                                                                <b class="fa-angle-right"></b>
                                                            </a>
                                                            <div class="sub-menu" data-subwidth="60" >
                                                                <div class="content" >
                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <div class="row">
                                                                                <div class="col-md-4 static-menu">
                                                                                    <div class="menu">
                                                                                        <ul>
                                                                                            <li>
                                                                                                <a href="#" class="main-menu">Car Alarms and Security</a>
                                                                                                <ul>
                                                                                                    <li><a href="#" >Car Audio &amp; Speakers</a></li>
                                                                                                    <li><a href="#" >Gadgets &amp; Auto Parts</a></li>
                                                                                                    <li><a href="#" >Gadgets &amp; Auto Parts</a></li>
                                                                                                    <li><a href="#" >Headphones, Headsets</a></li>
                                                                                                </ul>
                                                                                            </li>
                                                                                            <li>
                                                                                                <a href="24" onclick="window.location = '24';" class="main-menu">Health &amp; Beauty</a>
                                                                                                <ul>
                                                                                                    <li>
                                                                                                        <a href="#" >Home Audio</a>
                                                                                                    </li>
                                                                                                    <li>
                                                                                                        <a href="#" >Helicopters &amp; Parts</a>
                                                                                                    </li>
                                                                                                    <li>
                                                                                                        <a href="#" >Outdoor &amp; Traveling</a>
                                                                                                    </li>
                                                                                                    <li>
                                                                                                        <a href="#">Toys &amp; Hobbies</a>
                                                                                                    </li>
                                                                                                </ul>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-4 static-menu">
                                                                                    <div class="menu">
                                                                                        <ul>
                                                                                            <li>
                                                                                                <a href="#"  class="main-menu">Electronics</a>
                                                                                                <ul>
                                                                                                    <li>
                                                                                                        <a href="#">Earings</a>
                                                                                                    </li>
                                                                                                    <li>
                                                                                                        <a href="#" >Salon &amp; Spa Equipment</a>
                                                                                                    </li>
                                                                                                    <li>
                                                                                                        <a href="#" >Shaving &amp; Hair Removal</a>
                                                                                                    </li>
                                                                                                    <li>
                                                                                                        <a href="#">Smartphone &amp; Tablets</a>
                                                                                                    </li>
                                                                                                </ul>
                                                                                            </li>
                                                                                            <li>
                                                                                                <a href="#"  class="main-menu">Sports &amp; Outdoors</a>
                                                                                                <ul>
                                                                                                    <li>
                                                                                                        <a href="#" >Flashlights &amp; Lamps</a>
                                                                                                    </li>
                                                                                                    <li>
                                                                                                        <a href="#" >Fragrances</a>
                                                                                                    </li>
                                                                                                    <li>
                                                                                                        <a href="#" >Fishing</a>
                                                                                                    </li>
                                                                                                    <li>
                                                                                                        <a href="#" >FPV System &amp; Parts</a>
                                                                                                    </li>
                                                                                                </ul>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-4 static-menu">
                                                                                    <div class="menu">
                                                                                        <ul>
                                                                                            <li>
                                                                                                <a href="#" class="main-menu">More Car Accessories</a>
                                                                                                <ul>
                                                                                                    <li>
                                                                                                        <a href="#" >Lighter &amp; Cigar Supplies</a>
                                                                                                    </li>
                                                                                                    <li>
                                                                                                        <a href="#" >Mp3 Players &amp; Accessories</a>
                                                                                                    </li>
                                                                                                    <li>
                                                                                                        <a href="#" >Men Watches</a>
                                                                                                    </li>
                                                                                                    <li>
                                                                                                        <a href="#" >Mobile Accessories</a>
                                                                                                    </li>
                                                                                                </ul>
                                                                                            </li>
                                                                                            <li>
                                                                                                <a href="#" class="main-menu">Gadgets &amp; Auto Parts</a>
                                                                                                <ul>
                                                                                                    <li>
                                                                                                        <a href="#" >Gift &amp; Lifestyle Gadgets</a>
                                                                                                    </li>
                                                                                                    <li>
                                                                                                        <a href="#" >Gift for Man</a>
                                                                                                    </li>
                                                                                                    <li>
                                                                                                        <a href="#" >Gift for Woman</a>
                                                                                                    </li>
                                                                                                    <li>
                                                                                                        <a href="#" >Gift for Woman</a>
                                                                                                    </li>
                                                                                                </ul>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li class="item-vertical css-menu with-sub-menu hover">
                                                            <p class="close-menu"></p>
                                                            <a href="#" class="clearfix">
                                                                
                                                                 <img src="image/catalog/menu/icons/ico6.png" alt="icon">
                                                                <span>Smartphone &amp; Tablets</span>
                                                                <b class="fa-angle-right"></b>
                                                            </a>
                                                            <div class="sub-menu" data-subwidth="20">
                                                                <div class="content" >
                                                                    <div class="row">
                                                                        <div class="col-sm-12">
                                                                            <div class="row">
                                                                                <div class="col-sm-12 hover-menu">
                                                                                    <div class="menu">
                                                                                        <ul>
                                                                                            <li>
                                                                                                <a href="#" class="main-menu">Headphones, Headsets</a>
                                                                                            </li>
                                                                                            <li>
                                                                                                <a href="#" class="main-menu">Home Audio</a>
                                                                                            </li>
                                                                                            <li>
                                                                                                <a href="#" class="main-menu">Health &amp; Beauty</a>
                                                                                            </li>
                                                                                            <li>
                                                                                                <a href="#" class="main-menu">Helicopters &amp; Parts</a>
                                                                                            </li>
                                                                                            <li>
                                                                                                <a href="#" class="main-menu">Helicopters &amp; Parts</a>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li class="item-vertical">
                                                            <p class="close-menu"></p>
                                                            <a href="#" class="clearfix">
                                                                 <img src="image/catalog/menu/icons/ico5.png" alt="icon">
                                                                <span>Health & Beauty</span>
                                                                
                                                            </a>
                                                        </li>
                                                        <li class="item-vertical">
                                                            <p class="close-menu"></p>
                                                            <a href="#" class="clearfix">
                                                                 <img src="image/catalog/menu/icons/ico4.png" alt="icon">
                                                                <span>Bathroom</span>
                                                            </a>
                                                        </li>
                                                        <li class="item-vertical">
                                                            <p class="close-menu"></p>
                                                            <a href="#" class="clearfix">
                                                                 <img src="image/catalog/menu/icons/ico3.png" alt="icon">
                                                                <span>Metallurgy</span>
                                                            </a>
                                                        </li>
                                                        <li class="item-vertical" >
                                                            <p class="close-menu"></p>
                                                            <a href="#" class="clearfix">
                                                                <img src="image/catalog/menu/icons/ico2.png" alt="icon">
                                                                <span>Bedroom</span>
                                                            </a>
                                                        </li>
                                                        <li class="item-vertical" >
                                                            <p class="close-menu"></p>
                                                            
                                                            <a href="#" class="clearfix">
                                                                 <img src="image/catalog/menu/icons/ico1.png" alt="icon">
                                                                <span>Health &amp; Beauty</span>
                                                            </a>
                                                        </li>
                                                        <li class="item-vertical" style="display: none;">
                                                            <p class="close-menu"></p>
                                                            <a href="#" class="clearfix">
                                                                 <img src="image/catalog/menu/icons/ico11.png" alt="icon">
                                                                <span>Toys &amp; Hobbies </span>
                                                            </a>
                                                        </li>
                                                        <li class="item-vertical" style="display: none;">
                                                            <p class="close-menu"></p>
                                                            <a href="#" class="clearfix">
                                                                 <img src="image/catalog/menu/icons/ico12.png" alt="icon">
                                                                <span>Jewelry &amp; Watches</span>
                                                            </a>
                                                        </li>
                                                        <li class="item-vertical" style="display: none;">
                                                            <p class="close-menu"></p>
                                                            <a href="#" class="clearfix">
                                                                 <img src="image/catalog/menu/icons/ico9.png" alt="icon">
                                                                <span>Home &amp; Lights</span>
                                                            </a>
                                                        </li>
                                                        <li class="item-vertical" style="display: none;">
                                                            <p class="close-menu"></p>
                                                            <a href="#" class="clearfix">
                                                                 <img src="image/catalog/menu/icons/ico6.png" alt="icon">
                                                                <span>Metallurgy</span>
                                                            </a>
                                                        </li>
                                                       
                                                        <li class="loadmore">
                                                            <i class="fa fa-plus-square-o"></i>
                                                            <span class="more-view">More Categories</span>
                                                        </li>
                                                            
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </nav>
                            </div>
                        </div>
                        <!-- // end Secondary menu -->                                                          
                    </div>
                    <!-- Main menu -->
                    <div class="main-menu col-lg-9 col-md-9">
                        <div class="responsive so-megamenu megamenu-style-dev">
                            <nav class="navbar-default">
                                <div class=" container-megamenu  horizontal open ">
                                    <div class="navbar-header">
                                        <button type="button" id="show-megamenu" data-toggle="collapse" class="navbar-toggle">
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                        </button>
                                    </div>
                                    
                                    <div class="megamenu-wrapper">
                                        <span id="remove-megamenu" class="fa fa-times"></span>
                                        <div class="megamenu-pattern">
                                            <div class="container-mega">
                                                <ul class="megamenu" data-transition="slide" data-animationtime="250">
                                                    <li class="home hover">
                                                        <a href="http://demo.smartaddons.com/templates/html/supermarket/index.php">Home <b class="caret"></b></a>
                                                        <div class="sub-menu" style="width:100%;" >
                                                        <div class="content" >
                                                            <div class="row">
                                                                <div class="col-md-3">
                                                                    <a href="index.html" class="image-link"> 
                                                                        <span class="thumbnail">
                                                                            <img class="img-responsive img-border" src="image/catalog/menu/home-1.jpg" alt="">
                                                                            
                                                                        </span> 
                                                                        <h3 class="figcaption">Home page - (Default)</h3> 
                                                                    </a> 
                                                                    
                                                                </div>
                                                                <div class="col-md-3">
                                                                    <a href="home2.html" class="image-link"> 
                                                                        <span class="thumbnail">
                                                                            <img class="img-responsive img-border" src="image/catalog/menu/home-2.jpg" alt="">
                                                                           
                                                                        </span> 
                                                                        <h3 class="figcaption">Home page - Layout 2</h3> 
                                                                    </a> 
                                                                    
                                                                </div>
                                                                <div class="col-md-3">
                                                                    <a href="home3.html" class="image-link"> 
                                                                        <span class="thumbnail">
                                                                            <img class="img-responsive img-border" src="image/catalog/menu/home-3.jpg" alt="">
                                                                           
                                                                        </span> 
                                                                        <h3 class="figcaption">Home page - Layout 3</h3> 
                                                                    </a> 
                                                                    
                                                                </div>
                                                           
                                                                
                                                                <!-- <div class="col-md-15">
                                                                    <a href="#" class="image-link"> 
                                                                        <span class="thumbnail">
                                                                            <img class="img-responsive img-border" src="image/demo/feature/comming-soon.png" alt="">
                                                                            
                                                                        </span> 
                                                                        <h3 class="figcaption">Comming soon</h3> 
                                                                    </a> 
                                                                    
                                                                </div> -->
                                                            </div>
                                                        </div>
                                                    </div>
                                                    </li>
                                                    <li class="with-sub-menu hover">
                                                        <p class="close-menu"></p>
                                                        <a href="#" class="clearfix">
                                                            <strong>Features</strong>
                                                            <img class="label-hot" src="image/catalog/menu/new-icon.png" alt="icon items">
                                                            <b class="caret"></b>
                                                        </a>
                                                        <div class="sub-menu" style="width: 100%; right: auto;">
                                                            <div class="content" >
                                                                <div class="row">
                                                                    <div class="col-md-3">
                                                                        <div class="column">
                                                                            <a href="#" class="title-submenu">Listing pages</a>
                                                                            <div>
                                                                                <ul class="row-list">
                                                                                    <li><a href="category.html">Category Page 1 </a></li>
                                                                                    <li><a href="category-v2.html">Category Page 2</a></li>
                                                                                    <li><a href="category-v3.html">Category Page 3</a></li>
                                                                                </ul>
                                                                                
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-3">
                                                                        <div class="column">
                                                                            <a href="#" class="title-submenu">Product pages</a>
                                                                            <div>
                                                                                <ul class="row-list">
                                                                                    <li><a href="product.html">Product page 1</a></li>
                                                                                    <li><a href="product-v2.html">Product page 2</a></li>
                                                                                    <!-- <li><a href="product-v3.html">Image size - small</a></li> -->
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-3">
                                                                        <div class="column">
                                                                            <a href="#" class="title-submenu">Shopping pages</a>
                                                                            <div>
                                                                                <ul class="row-list">
                                                                                    <li><a href="cart.html">Shopping Cart Page</a></li>
                                                                                    <li><a href="checkout.html">Checkout Page</a></li>
                                                                                    <li><a href="compare.html">Compare Page</a></li>
                                                                                    <li><a href="wishlist.html">Wishlist Page</a></li>
                                                                                
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-3">
                                                                        <div class="column">
                                                                            <a href="#" class="title-submenu">My Account pages</a>
                                                                            <div>
                                                                                <ul class="row-list">
                                                                                    <li><a href="login.html">Login Page</a></li>
                                                                                    <li><a href="register.html">Register Page</a></li>
                                                                                    <li><a href="my-account.html">My Account</a></li>
                                                                                    <li><a href="order-history.html">Order History</a></li>
                                                                                    <li><a href="order-information.html">Order Information</a></li>
                                                                                    <li><a href="return.html">Product Returns</a></li>
                                                                                    <li><a href="gift-voucher.html">Gift Voucher</a></li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="with-sub-menu hover">
                                                        <p class="close-menu"></p>
                                                        <a href="#" class="clearfix">
                                                            <strong>Pages</strong>
                                                            <b class="caret"></b>
                                                        </a>
                                                        <div class="sub-menu" style="width: 40%; ">
                                                            <div class="content" >
                                                                <div class="row">
                                                                    <div class="col-md-6">
                                                                        <ul class="row-list">
                                                                            <li><a class="subcategory_item" href="faq.html">FAQ</a></li>
                                                                            
                                                                            <li><a class="subcategory_item" href="sitemap.html">Site Map</a></li>
                                                                            <li><a class="subcategory_item" href="contact.html">Contact us</a></li>
                                                                            <li><a class="subcategory_item" href="banner-effect.html">Banner Effect</a></li>
                                                                        </ul>
                                                                    </div>
                                                                    <div class="col-md-6">
                                                                        <ul class="row-list">
                                                                            <li><a class="subcategory_item" href="about-us.html">About Us 1</a></li>
                                                                            <li><a class="subcategory_item" href="about-us-2.html">About Us 2</a></li>
                                                                            <li><a class="subcategory_item" href="about-us-3.html">About Us 3</a></li>
                                                                            <li><a class="subcategory_item" href="about-us-4.html">About Us 4</a></li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="with-sub-menu hover">
                                                        <p class="close-menu"></p>
                                                        <a href="#" class="clearfix">
                                                            <strong>Categories</strong>
                                                            <img class="label-hot" src="image/catalog/menu/hot-icon.png" alt="icon items">
                                                  
                                                            <b class="caret"></b>
                                                        </a>
                                                        <div class="sub-menu" style="width: 100%; display: none;">
                                                            <div class="content">
                                                                <div class="row">
                                                                    <div class="col-sm-12">
                                                                        <div class="row">
                                                                            <div class="col-md-3 img img1">
                                                                                <a href="#"><img src="image/catalog/menu/megabanner/image-1.jpg" alt="banner1"></a>
                                                                            </div>
                                                                            <div class="col-md-3 img img2">
                                                                                <a href="#"><img src="image/catalog/menu/megabanner/image-2.jpg" alt="banner2"></a>
                                                                            </div>
                                                                            <div class="col-md-3 img img3">
                                                                                <a href="#"><img src="image/catalog/menu/megabanner/image-3.jpg" alt="banner3"></a>
                                                                            </div>
                                                                            <div class="col-md-3 img img4">
                                                                                <a href="#"><img src="image/catalog/menu/megabanner/image-4.jpg" alt="banner4"></a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    <div class="col-md-3">
                                                                        <a href="#" class="title-submenu">Automotive</a>
                                                                        <div class="row">
                                                                            <div class="col-md-12 hover-menu">
                                                                                <div class="menu">
                                                                                    <ul>
                                                                                        <li><a href="#"  class="main-menu">Car Alarms and Security</a></li>
                                                                                        <li><a href="#"  class="main-menu">Car Audio &amp; Speakers</a></li>
                                                                                        <li><a href="#"  class="main-menu">Gadgets &amp; Auto Parts</a></li>
                                                                                        <li><a href="#"  class="main-menu">More Car Accessories</a></li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-3">
                                                                        <a href="#" class="title-submenu">Funitures</a>
                                                                        <div class="row">
                                                                            <div class="col-md-12 hover-menu">
                                                                                <div class="menu">
                                                                                    <ul>
                                                                                        <li><a href="#"  class="main-menu">Bathroom</a></li>
                                                                                        <li><a href="#"  class="main-menu">Bedroom</a></li>
                                                                                        <li><a href="#"  class="main-menu">Decor</a></li>
                                                                                        <li><a href="#"  class="main-menu">Living room</a></li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-3">
                                                                        <a href="#" class="title-submenu">Jewelry &amp; Watches</a>
                                                                        <div class="row">
                                                                            <div class="col-md-12 hover-menu">
                                                                                <div class="menu">
                                                                                    <ul>
                                                                                        <li><a href="#"  class="main-menu">Earings</a></li>
                                                                                        <li><a href="#"  class="main-menu">Wedding Rings</a></li>
                                                                                        <li><a href="#"  class="main-menu">Men Watches</a></li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-3">
                                                                        <a href="#" class="title-submenu">Electronics</a>
                                                                        <div class="row">
                                                                            <div class="col-md-12 hover-menu">
                                                                                <div class="menu">
                                                                                    <ul>
                                                                                        <li><a href="#"  class="main-menu">Computer</a></li>
                                                                                        <li><a href="#"  class="main-menu">Smartphone</a></li>
                                                                                        <li><a href="#"  class="main-menu">Tablets</a></li>
                                                                                        <li><a href="#"  class="main-menu">Monitors</a></li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    
                                                    <li class="">
                                                        <p class="close-menu"></p>
                                                        <a href="#" class="clearfix">
                                                            <strong>Accessories</strong>
                                         
                                                        </a>
                                            
                                                    </li>
                                                    <li class="">
                                                        <p class="close-menu"></p>
                                                        <a href="blog-page.html" class="clearfix">
                                                            <strong>Blog</strong>
                                                            <span class="label"></span>
                                                        </a>
                                                    </li>
                                                    
                                                    
                                                </ul>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </nav>
                        </div>
                    </div>
                    <!-- //end Main menu -->
                    
                    
                    
                    
                    
                </div>
            </div>

        </div>

    </header>
    <!-- //Header Container  -->
    
   
<!-- Main Container  -->
<div class="main-container">
    <div id="content">
        <div class="container">
            <div class="box-content1">
                <div class="module sohomepage-slider ">
                    <div class="yt-content-slider" data-rtl="yes" data-autoplay="no" data-autoheight="no" data-delay="4" data-speed="0.6" data-margin="0" data-items_column00="1" data-items_column0="1" data-items_column1="1" data-items_column2="1"  data-items_column3="1" data-items_column4="1" data-arrows="no" data-pagination="yes" data-lazyload="yes" data-loop="no" data-hoverpause="yes">
                        <div class="yt-content-slide">
                            <a href="#"><img src="image/catalog/slideshow/home3/slide1.jpg" alt="slider1" class="img-responsive"></a>
                        </div>
                        <div class="yt-content-slide">
                            <a href="#"><img src="image/catalog/slideshow/home3/slide2.jpg" alt="slider2" class="img-responsive"></a>
                        </div>
                        <div class="yt-content-slide">
                            <a href="#"><img src="image/catalog/slideshow/home3/slide3.jpg" alt="slider3" class="img-responsive"></a>
                        </div>
                    </div>
                    
                    <div class="loadeding"></div>
                </div>
            </div>

            <div class="banners1 banners">
                <div class="row">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                        <a href="#"><img src="image/catalog/banners/id3-bn1.jpg" alt="image"></a>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                        <a href="#"><img src="image/catalog/banners/id3-bn2.jpg" alt="image"></a>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                        <a href="#"><img src="image/catalog/banners/id3-bn3.jpg" alt="image"></a>
                    </div>
                </div>
            </div>

            <!-- Listing tabs -->
            <div class="module listingtab-layout1">
                
                <div id="so_listing_tabs_1" class="so-listing-tabs first-load">
                    <div class="loadeding"></div>
                    <div class="ltabs-wrap">
                        <div class="ltabs-tabs-container" data-delay="300" data-duration="600" data-effect="starwars" data-ajaxurl="" data-type_source="0" data-lg="5" data-md="4" data-sm="3" data-xs="1" data-margin="30">
                            <!--Begin Tabs-->
                            <div class="ltabs-tabs-wrap"> 
                            <span class="ltabs-tab-selected">Bathroom</span> <span class="ltabs-tab-arrow">▼</span>
                                <div class="item-sub-cat">
                                    <ul class="ltabs-tabs cf">
                                        <li class="ltabs-tab tab-sel" data-category-id="20" data-active-content=".items-category-20"> <span class="ltabs-tab-label">Best Seller</span> </li>
                                        <li class="ltabs-tab " data-category-id="18" data-active-content=".items-category-18"> <span class="ltabs-tab-label">New Arrivals</span> </li>
                                        <li class="ltabs-tab " data-category-id="25" data-active-content=".items-category-25"> <span class="ltabs-tab-label">Most Rating</span> </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- End Tabs-->
                        </div>
                    
                        <div class="ltabs-items-container products-list grid">
                            <a class="items-category-seeall viewall" href="#" title="View all"> View all <i class="fa fa-caret-right"></i></a>
                            <!--Begin Items-->
                            <div class="ltabs-items ltabs-items-selected items-category-20" data-total="16">
                                <div class="ltabs-items-inner ltabs-slider">
                                    <div class="item">         
                                        <div class="item-inner product-layout transition product-grid">
                                            <div class="product-item-container">
                                                <div class="left-block left-b">
                                                    
                                                    <div class="product-image-container second_img">
                                                        <a href="product.html" target="_self" title="Ullamco occaeca">
                                                            <img src="image/catalog/demo/product/270/h1.jpg" class="img-1 img-responsive" alt="image1">
                                                            <img src="image/catalog/demo/product/270/h7.jpg" class="img-2 img-responsive" alt="image2">
                                                        </a>
                                                    </div>
                                                    <!--quickview--> 
                                                    <div class="so-quickview">
                                                      <a class="iframe-link btn-button quickview quickview_handler visible-lg" href="quickview.html" title="Quick view" data-fancybox-type="iframe"><i class="fa fa-eye"></i><span>Quick view</span></a>
                                                    </div>                                                     
                                                    <!--end quickview-->

                                                    
                                                </div>
                                                <div class="right-block">
                                                    <div class="button-group so-quickview cartinfo--left">
                                                        <button type="button" class="addToCart" title="Add to cart" onclick="cart.add('60 ');">
                                                            <span>Add to cart </span>   
                                                        </button>
                                                        <button type="button" class="wishlist btn-button" title="Add to Wish List" onclick="wishlist.add('60');"><i class="fa fa-heart-o"></i><span>Add to Wish List</span>
                                                        </button>
                                                        <button type="button" class="compare btn-button" title="Compare this Product " onclick="compare.add('60');"><i class="fa fa-retweet"></i><span>Compare this Product</span>
                                                        </button>
                                                        
                                                    </div>
                                                    <div class="caption hide-cont">
                                                        <div class="rating">    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                        </div>
                                                        <h4><a href="product.html" title="Pastrami bacon" target="_self">Ullamco occaeca </a></h4>
                                                        
                                                    </div>
                                                    <p class="price">
                                                      <span class="price-new">$45.00</span>
                                                      
                                                    </p>
                                                </div>

                                            </div>
                                        </div>      
                                    </div>
                                    
                                    <div class="item">         
                                        <div class="item-inner product-layout transition product-grid">
                                            <div class="product-item-container">
                                                <div class="left-block left-b">
                                                    
                                                    <div class="product-image-container second_img">
                                                        <a href="product.html" target="_self" title="Eiusmod tempor incid">
                                                            <img src="image/catalog/demo/product/270/e3.jpg" class="img-1 img-responsive" alt="image1">
                                                            <img src="image/catalog/demo/product/270/e8.jpg" class="img-2 img-responsive" alt="image2">
                                                        </a>
                                                    </div>
                                                    <!--quickview--> 
                                                    <div class="so-quickview">
                                                      <a class="iframe-link btn-button quickview quickview_handler visible-lg" href="quickview.html" title="Quick view" data-fancybox-type="iframe"><i class="fa fa-eye"></i><span>Quick view</span></a>
                                                    </div>                                                     
                                                    <!--end quickview-->

                                                    
                                                </div>
                                                <div class="right-block">
                                                    <div class="button-group so-quickview cartinfo--left">
                                                        <button type="button" class="addToCart" title="Add to cart" onclick="cart.add('60 ');">
                                                            <span>Add to cart </span>   
                                                        </button>
                                                        <button type="button" class="wishlist btn-button" title="Add to Wish List" onclick="wishlist.add('60');"><i class="fa fa-heart-o"></i><span>Add to Wish List</span>
                                                        </button>
                                                        <button type="button" class="compare btn-button" title="Compare this Product " onclick="compare.add('60');"><i class="fa fa-retweet"></i><span>Compare this Product</span>
                                                        </button>
                                                        
                                                    </div>
                                                    <div class="caption hide-cont">
                                                        <div class="rating">    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                        </div>
                                                        <h4><a href="product.html" title="Pastrami bacon" target="_self">Eiusmod tempor incid</a></h4>
                                                        
                                                    </div>
                                                    <p class="price">
                                                      <span class="price-new">$76.00</span>
                          
                                                    </p>
                                                </div>

                                               
                                            </div>
                                        </div>      
                                    </div>

                                    <div class="item">         
                                        <div class="item-inner product-layout transition product-grid">
                                            <div class="product-item-container">
                                                <div class="left-block left-b">
                                                    
                                                    <div class="product-image-container second_img">
                                                        <a href="product.html" target="_self" title="Duis aute irure ">
                                                            <img src="image/catalog/demo/product/270/e4.jpg" class="img-1 img-responsive" alt="image1">
                                                            <img src="image/catalog/demo/product/270/e7.jpg" class="img-2 img-responsive" alt="image2">
                                                        </a>
                                                    </div>
                                                    <!--quickview--> 
                                                    <div class="so-quickview">
                                                      <a class="iframe-link btn-button quickview quickview_handler visible-lg" href="quickview.html" title="Quick view" data-fancybox-type="iframe"><i class="fa fa-eye"></i><span>Quick view</span></a>
                                                    </div>                                                     
                                                    <!--end quickview-->

                                                    
                                                </div>
                                                <div class="right-block">
                                                    <div class="button-group so-quickview cartinfo--left">
                                                        <button type="button" class="addToCart" title="Add to cart" onclick="cart.add('60 ');">
                                                            <span>Add to cart </span>   
                                                        </button>
                                                        <button type="button" class="wishlist btn-button" title="Add to Wish List" onclick="wishlist.add('60');"><i class="fa fa-heart-o"></i><span>Add to Wish List</span>
                                                        </button>
                                                        <button type="button" class="compare btn-button" title="Compare this Product " onclick="compare.add('60');"><i class="fa fa-retweet"></i><span>Compare this Product</span>
                                                        </button>
                                                        
                                                    </div>
                                                    <div class="caption hide-cont">
                                                        <div class="rating">    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                        </div>
                                                        <h4><a href="product.html" title="Pastrami bacon" target="_self">Duis aute irure </a></h4>
                                                        
                                                    </div>
                                                    <p class="price">
                                                      <span class="price-new">$85.00</span>
                              
                                                    </p>
                                                </div>

                                                
                                            </div>
                                        </div>      
                                    </div>

                                    <div class="item">         
                                        <div class="item-inner product-layout transition product-grid">
                                            <div class="product-item-container">
                                                <div class="left-block left-b">
                                                    
                                                    <div class="product-image-container second_img">
                                                        <a href="product.html" target="_self" title="Excepteur sint occ">
                                                            <img src="image/catalog/demo/product/270/fu5.jpg" class="img-1 img-responsive" alt="image1">
                                                            <img src="image/catalog/demo/product/270/fu6.jpg" class="img-2 img-responsive" alt="image2">
                                                        </a>
                                                    </div>
                                                    <!--quickview--> 
                                                    <div class="so-quickview">
                                                      <a class="iframe-link btn-button quickview quickview_handler visible-lg" href="quickview.html" title="Quick view" data-fancybox-type="iframe"><i class="fa fa-eye"></i><span>Quick view</span></a>
                                                    </div>                                                     
                                                    <!--end quickview-->

                                                    
                                                </div>
                                                <div class="right-block">
                                                    <div class="button-group so-quickview cartinfo--left">
                                                        <button type="button" class="addToCart" title="Add to cart" onclick="cart.add('60 ');">
                                                            <span>Add to cart </span>   
                                                        </button>
                                                        <button type="button" class="wishlist btn-button" title="Add to Wish List" onclick="wishlist.add('60');"><i class="fa fa-heart-o"></i><span>Add to Wish List</span>
                                                        </button>
                                                        <button type="button" class="compare btn-button" title="Compare this Product " onclick="compare.add('60');"><i class="fa fa-retweet"></i><span>Compare this Product</span>
                                                        </button>
                                                        
                                                    </div>
                                                    <div class="caption hide-cont">
                                                        <div class="rating">    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                        </div>
                                                        <h4><a href="product.html" title="Pastrami bacon" target="_self">Excepteur sint occ</a></h4>
                                                        
                                                    </div>
                                                    <p class="price">
                                                      <span class="price-new">$90.00</span>
                                            
                                                    </p>
                                                </div>

                                            </div>
                                        </div>      
                                    </div>

                                    <div class="item">         
                                        <div class="item-inner product-layout transition product-grid">
                                            <div class="product-item-container">
                                                <div class="left-block left-b">
                                                   
                                                    <div class="product-image-container second_img">
                                                        <a href="product.html" target="_self" title="PCenison meatloa">
                                                            <img src="image/catalog/demo/product/270/f6.jpg" class="img-1 img-responsive" alt="image1">
                                                            <img src="image/catalog/demo/product/270/f2.jpg" class="img-2 img-responsive" alt="image2">
                                                        </a>
                                                    </div>
                                                    <!--quickview--> 
                                                    <div class="so-quickview">
                                                      <a class="iframe-link btn-button quickview quickview_handler visible-lg" href="quickview.html" title="Quick view" data-fancybox-type="iframe"><i class="fa fa-eye"></i><span>Quick view</span></a>
                                                    </div>                                                     
                                                    <!--end quickview-->

                                                    
                                                </div>
                                                <div class="right-block">
                                                    <div class="button-group so-quickview cartinfo--left">
                                                        <button type="button" class="addToCart" title="Add to cart" onclick="cart.add('60 ');">
                                                            <span>Add to cart </span>   
                                                        </button>
                                                        <button type="button" class="wishlist btn-button" title="Add to Wish List" onclick="wishlist.add('60');"><i class="fa fa-heart-o"></i><span>Add to Wish List</span>
                                                        </button>
                                                        <button type="button" class="compare btn-button" title="Compare this Product " onclick="compare.add('60');"><i class="fa fa-retweet"></i><span>Compare this Product</span>
                                                        </button>
                                                        
                                                    </div>
                                                    <div class="caption hide-cont">
                                                        <div class="rating">    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                        </div>
                                                        <h4><a href="product.html" title="Pastrami bacon" target="_self">Cenison meatloa</a></h4>
                                                        
                                                    </div>
                                                    <p class="price">$42.00</p>
                                                </div>
                                               
                                            </div>
                                        </div>      
                                    </div>
                                    <div class="item">         
                                        <div class="item-inner product-layout transition product-grid">
                                            <div class="product-item-container">
                                                <div class="left-block left-b">
                                                    <div class="box-label">
                                                        <span class="label-product label-sale">-10%</span>
                                                    </div>
                                                    <div class="product-image-container second_img">
                                                        <a href="product.html" target="_self" title="Quis nostrud exercita">
                                                            <img src="image/catalog/demo/product/270/f2.jpg" class="img-1 img-responsive" alt="image1">
                                                            <img src="image/catalog/demo/product/270/f4.jpg" class="img-2 img-responsive" alt="image2">
                                                        </a>
                                                    </div>
                                                    <!--quickview--> 
                                                    <div class="so-quickview">
                                                      <a class="iframe-link btn-button quickview quickview_handler visible-lg" href="quickview.html" title="Quick view" data-fancybox-type="iframe"><i class="fa fa-eye"></i><span>Quick view</span></a>
                                                    </div>                                                     
                                                    <!--end quickview-->
                                                    
                                                </div>
                                                <div class="right-block">
                                                    <div class="button-group so-quickview cartinfo--left">
                                                        <button type="button" class="addToCart" title="Add to cart" onclick="cart.add('60 ');">
                                                            <span>Add to cart </span>   
                                                        </button>
                                                        <button type="button" class="wishlist btn-button" title="Add to Wish List" onclick="wishlist.add('60');"><i class="fa fa-heart-o"></i><span>Add to Wish List</span>
                                                        </button>
                                                        <button type="button" class="compare btn-button" title="Compare this Product " onclick="compare.add('60');"><i class="fa fa-retweet"></i><span>Compare this Product</span>
                                                        </button>
                                                        
                                                    </div>
                                                    <div class="caption hide-cont">
                                                        <div class="rating">    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                        </div>
                                                        <h4><a href="product.html" title="Pastrami bacon" target="_self">Quis nostrud exercita</a></h4>
                                                        
                                                    </div>
                                                    <p class="price">
                                                      <span class="price-new">$50.00</span>
                                                      <span class="price-old">$59.00</span>
                                                    </p>
                                                </div>

                                                
                                            </div>
                                        </div>      
                                    </div>
                                </div>
                                
                            </div>
                            <div class="ltabs-items items-category-18 grid" data-total="16">
                                <div class="ltabs-loading"></div>
                                
                            </div>
                            <div class="ltabs-items  items-category-25 grid" data-total="16">
                                <div class="ltabs-loading"></div>
                            </div>
                            <!--End Items-->
                        </div>
                        
                    </div>   
                </div>
            </div>
            <!-- end Listing tabs -->

            <!-- Policy -->
            <div class="block-policy1">
              <ul class="row">
                <li class="item-1 col-lg-3 col-md-3 col-sm-6 col-xs-12">
                  <a href="#" class="item-inner">       
                    <div class="content">
                      <b>Free Shipping</b>
                      <span>From $99.00</span>
                    </div>
                  </a>
                </li>
                <li class="item-2 col-lg-3 col-md-3 col-sm-6 col-xs-12">
                  <a href="#" class="item-inner">       
                      <div class="content">
                        <b>Money Guarantee</b>
                        <span>30 days back</span>
                      </div> 
                    </a>
                </li>
                <li class="item-3 col-lg-3 col-md-3 col-sm-6 col-xs-12">
                  <a href="#" class="item-inner">       
                    <div class="content">
                      <b>Payment Method</b>
                      <span>Secure System</span>
                    </div>
                  </a>
                </li>
                <li class="item-4 col-lg-3 col-md-3 col-sm-6 col-xs-12">
                  <a href="#" class="item-inner">       
                    <div class="content">
                      <b>Online Support</b>
                      <span>24 hours on day</span>
                    </div>
                  </a>
                </li>
              </ul>
            </div>
            <!-- end Policy -->

            <!-- Content deal, banner -->
            <div class="row">
                <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12 col-style">
                    <div class="module so-deals-ltr deals-slick">
                        <h3 class="modtitle"><span>Flash Sale</span></h3>
                        <div class="modcontent">
                            <div class="so-deal slick-horizontal so-deals-slick">
                                <div class="deals-content products-list">
                                    <div class="slider slider-for ds-items-detail">
                                        <div class="slick-slide product-layout item">
                                            <div class="product-thumb">
                                                <div class="image">
                                                    <span class="label-product label-product-sale">-17%</span>
                                                    <div class="inner">
                                                        <a href="#"><img src="image/catalog/demo/product/fashion/1.jpg" alt="img1"></a>
                                                    </div>
                                                </div>

                                                <div class="caption">
                                                    <h4><a href="#" target="_self" title="Wamboudin ribeye">Wamboudin ribeye</a></h4>
                                                    <div class="rating">
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                    </div>
                                                    <p class="price">
                                                        <span class="price-new">$70.00</span>
                                                        <span class="price-old">$84.00</span>
                                                    </p>
                                                    <p class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labori..</p>
                                                    <div class="item-available">
                                                        <div class="row">
                                                            <p class="col-xs-6 a1">Available: <b>64</b> </p>
                                                            <p class="col-xs-6 a2">Sold: <b>36</b>  </p>
                                                        </div>
                                                        <div class="available">
                                                            <span class="color_width" data-title="36%" data-toggle="tooltip" style="width: 36%" data-original-title="" title=""></span>
                                                        </div>
                                                    </div>
                                                    <div class="item-time-w">
                                                        <div class="time-title"><span>Hurry Up!</span> Offer ends in:</div>
                                                        <div class="item-timee">
                                                          <div class="item-timer">
                                                            <div class="defaultCountdown-30"></div>
                                                          </div>
                                                        </div>
                                                    </div>
                                                </div>      
                                            </div>
                                        </div>
                                        <div class="slick-slide">
                                            <div class="product-thumb">
                                                <div class="image">
                                                    <span class="label-product label-product-sale">-20%</span>
                                                    <div class="inner">
                                                        <a href="#"><img src="image/catalog/demo/product/fashion/2.jpg" alt="img2"></a>
                                                    </div>
                                                </div>

                                                <div class="caption">
                                                    <h4><a href="#" target="_self" title="Srehenderit dolore">Srehenderit dolore</a></h4>
                                                    <div class="rating">
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                    </div>
                                                    <p class="price">
                                                        <span class="price-new">$80.00</span>
                                                        <span class="price-old">$100.00</span>
                                                    </p>
                                                    <p class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labori..</p>
                                                    <div class="item-available">
                                                        <div class="row">
                                                            <p class="col-xs-6 a1">Available: <b>100</b> </p>
                                                            <p class="col-xs-6 a2">Sold: <b>60</b>  </p>
                                                        </div>
                                                        <div class="available">
                                                            <span class="color_width" data-title="60%" data-toggle="tooltip" style="width: 60%" data-original-title="" title=""></span>
                                                        </div>
                                                    </div>
                                                    <div class="item-time-w">
                                                        <div class="time-title"><span>Hurry Up!</span> Offer ends in:</div>
                                                        <div class="item-timee">
                                                          <div class="item-timer">
                                                            <div class="defaultCountdown-30"></div>
                                                          </div>
                                                        </div>
                                                    </div>
                                                </div>      
                                            </div>
                                        </div>
                                        <div class="slick-slide">
                                             <div class="product-thumb">
                                                <div class="image">
                                                    <span class="label-product label-product-sale">-20%</span>
                                                    <div class="inner">
                                                        <a href="#"><img src="image/catalog/demo/product/fashion/3.jpg" alt="img3"></a>
                                                    </div>
                                                </div>

                                                <div class="caption">
                                                    <h4><a href="#" target="_self" title="Lorem ipsum dolor">Lorem ipsum dolor</a></h4>
                                                    <div class="rating">
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                    </div>
                                                    <p class="price">
                                                        <span class="price-new">$80.00</span>
                                                        <span class="price-old">$100.00</span>
                                                    </p>
                                                    <p class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labori..</p>
                                                    <div class="item-available">
                                                        <div class="row">
                                                            <p class="col-xs-6 a1">Available: <b>100</b> </p>
                                                            <p class="col-xs-6 a2">Sold: <b>60</b>  </p>
                                                        </div>
                                                        <div class="available">
                                                            <span class="color_width" data-title="60%" data-toggle="tooltip" style="width: 60%" data-original-title="" title=""></span>
                                                        </div>
                                                    </div>
                                                    <div class="item-time-w">
                                                        <div class="time-title"><span>Hurry Up!</span> Offer ends in:</div>
                                                        <div class="item-timee">
                                                          <div class="item-timer">
                                                            <div class="defaultCountdown-30"></div>
                                                          </div>
                                                        </div>
                                                    </div>
                                                </div>      
                                            </div>
                                        </div>
                                        <div class="slick-slide">
                                          <div class="product-thumb">
                                                <div class="image">
                                                    <span class="label-product label-product-sale">-20%</span>
                                                    <div class="inner">
                                                        <a href="#"><img src="image/catalog/demo/product/fashion/4.jpg" alt="img4"></a>
                                                    </div>
                                                </div>

                                                <div class="caption">
                                                    <h4><a href="#" target="_self" title="Quis nostrud exer">Quis nostrud exer</a></h4>
                                                    <div class="rating">
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                    </div>
                                                    <p class="price">
                                                        <span class="price-new">$80.00</span>
                                                        <span class="price-old">$100.00</span>
                                                    </p>
                                                    <p class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labori..</p>
                                                    <div class="item-available">
                                                        <div class="row">
                                                            <p class="col-xs-6 a1">Available: <b>100</b> </p>
                                                            <p class="col-xs-6 a2">Sold: <b>60</b>  </p>
                                                        </div>
                                                        <div class="available">
                                                            <span class="color_width" data-title="60%" data-toggle="tooltip" style="width: 60%" data-original-title="" title=""></span>
                                                        </div>
                                                    </div>
                                                    <div class="item-time-w">
                                                        <div class="time-title"><span>Hurry Up!</span> Offer ends in:</div>
                                                        <div class="item-timee">
                                                          <div class="item-timer">
                                                            <div class="defaultCountdown-30"></div>
                                                          </div>
                                                        </div>
                                                    </div>
                                                </div>      
                                            </div>
                                        </div>
                                        <div class="slick-slide">
                                            <div class="product-thumb">
                                                <div class="image">
                                                    <span class="label-product label-product-sale">-20%</span>
                                                    <div class="inner">
                                                        <a href="#"><img src="image/catalog/demo/product/fashion/5.jpg" alt="img5"></a>
                                                    </div>
                                                </div>

                                                <div class="caption">
                                                    <h4><a href="#" target="_self" title="Quis nostrud exer">Quis nostrud exer</a></h4>
                                                    <div class="rating">
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                    </div>
                                                    <p class="price">
                                                        <span class="price-new">$80.00</span>
                                                        <span class="price-old">$100.00</span>
                                                    </p>
                                                    <p class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labori..</p>
                                                    <div class="item-available">
                                                        <div class="row">
                                                            <p class="col-xs-6 a1">Available: <b>100</b> </p>
                                                            <p class="col-xs-6 a2">Sold: <b>60</b>  </p>
                                                        </div>
                                                        <div class="available">
                                                            <span class="color_width" data-title="60%" data-toggle="tooltip" style="width: 60%" data-original-title="" title=""></span>
                                                        </div>
                                                    </div>
                                                    <div class="item-time-w">
                                                        <div class="time-title"><span>Hurry Up!</span> Offer ends in:</div>
                                                        <div class="item-timee">
                                                          <div class="item-timer">
                                                            <div class="defaultCountdown-30"></div>
                                                          </div>
                                                        </div>
                                                    </div>
                                                </div>      
                                            </div>
                                        </div>
                                        <div class="slick-slide">
                                            <div class="product-thumb">
                                                <div class="image">
                                                    <span class="label-product label-product-sale">-20%</span>
                                                    <div class="inner">
                                                        <a href="#"><img src="image/catalog/demo/product/fashion/6.jpg" alt="img6"></a>
                                                    </div>
                                                </div>

                                                <div class="caption">
                                                    <h4><a href="#" target="_self" title="Ut enim ad minim">Ut enim ad minim</a></h4>
                                                    <div class="rating">
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                    </div>
                                                    <p class="price">
                                                        <span class="price-new">$80.00</span>
                                                        <span class="price-old">$100.00</span>
                                                    </p>
                                                    <p class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labori..</p>
                                                    <div class="item-available">
                                                        <div class="row">
                                                            <p class="col-xs-6 a1">Available: <b>100</b> </p>
                                                            <p class="col-xs-6 a2">Sold: <b>60</b>  </p>
                                                        </div>
                                                        <div class="available">
                                                            <span class="color_width" data-title="60%" data-toggle="tooltip" style="width: 60%" data-original-title="" title=""></span>
                                                        </div>
                                                    </div>
                                                    <div class="item-time-w">
                                                        <div class="time-title"><span>Hurry Up!</span> Offer ends in:</div>
                                                        <div class="item-timee">
                                                          <div class="item-timer">
                                                            <div class="defaultCountdown-30"></div>
                                                          </div>
                                                        </div>
                                                    </div>
                                                </div>      
                                            </div>
                                        </div>
                                        <div class="slick-slide">
                                            <div class="product-thumb">
                                                <div class="image">
                                                    <span class="label-product label-product-sale">-20%</span>
                                                    <div class="inner">
                                                        <a href="#"><img src="image/catalog/demo/product/fashion/7.jpg" alt="img7"></a>
                                                    </div>
                                                </div>

                                                <div class="caption">
                                                    <h4><a href="#" target="_self" title="Sed do eiusmod">Sed do eiusmod</a></h4>
                                                    <div class="rating">
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                    </div>
                                                    <p class="price">
                                                        <span class="price-new">$80.00</span>
                                                        <span class="price-old">$100.00</span>
                                                    </p>
                                                    <p class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labori..</p>
                                                    <div class="item-available">
                                                        <div class="row">
                                                            <p class="col-xs-6 a1">Available: <b>100</b> </p>
                                                            <p class="col-xs-6 a2">Sold: <b>60</b>  </p>
                                                        </div>
                                                        <div class="available">
                                                            <span class="color_width" data-title="60%" data-toggle="tooltip" style="width: 60%" data-original-title="" title=""></span>
                                                        </div>
                                                    </div>
                                                    <div class="item-time-w">
                                                        <div class="time-title"><span>Hurry Up!</span> Offer ends in:</div>
                                                        <div class="item-timee">
                                                          <div class="item-timer">
                                                            <div class="defaultCountdown-30"></div>
                                                          </div>
                                                        </div>
                                                    </div>
                                                </div>      
                                            </div>
                                        </div>
                                        <div class="slick-slide">
                                            <div class="product-thumb">
                                                <div class="image">
                                                    <span class="label-product label-product-sale">-20%</span>
                                                    <div class="inner">
                                                        <a href="#"><img src="image/catalog/demo/product/fashion/8.jpg" alt="img8"></a>
                                                    </div>
                                                </div>

                                                <div class="caption">
                                                    <h4><a href="#" target="_self" title="Consectetur adipisicing">Consectetur adipisicing</a></h4>
                                                    <div class="rating">
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                    </div>
                                                    <p class="price">
                                                        <span class="price-new">$80.00</span>
                                                        <span class="price-old">$100.00</span>
                                                    </p>
                                                    <p class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labori..</p>
                                                    <div class="item-available">
                                                        <div class="row">
                                                            <p class="col-xs-6 a1">Available: <b>100</b> </p>
                                                            <p class="col-xs-6 a2">Sold: <b>60</b>  </p>
                                                        </div>
                                                        <div class="available">
                                                            <span class="color_width" data-title="60%" data-toggle="tooltip" style="width: 60%" data-original-title="" title=""></span>
                                                        </div>
                                                    </div>
                                                    <div class="item-time-w">
                                                        <div class="time-title"><span>Hurry Up!</span> Offer ends in:</div>
                                                        <div class="item-timee">
                                                          <div class="item-timer">
                                                            <div class="defaultCountdown-30"></div>
                                                          </div>
                                                        </div>
                                                    </div>
                                                </div>      
                                            </div>
                                        </div>
                                        <div class="slick-slide">
                                            <div class="product-thumb">
                                                <div class="image">
                                                    <span class="label-product label-product-sale">-20%</span>
                                                    <div class="inner">
                                                        <a href="#"><img src="image/catalog/demo/product/fashion/9.jpg" alt="img9"></a>
                                                    </div>
                                                </div>

                                                <div class="caption">
                                                    <h4><a href="#" target="_self" title="Lorem ipsum dolor">Lorem ipsum dolor</a></h4>
                                                    <div class="rating">
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                    </div>
                                                    <p class="price">
                                                        <span class="price-new">$80.00</span>
                                                        <span class="price-old">$100.00</span>
                                                    </p>
                                                    <p class="desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labori..</p>
                                                    <div class="item-available">
                                                        <div class="row">
                                                            <p class="col-xs-6 a1">Available: <b>100</b> </p>
                                                            <p class="col-xs-6 a2">Sold: <b>60</b>  </p>
                                                        </div>
                                                        <div class="available">
                                                            <span class="color_width" data-title="60%" data-toggle="tooltip" style="width: 60%" data-original-title="" title=""></span>
                                                        </div>
                                                    </div>
                                                    <div class="item-time-w">
                                                        <div class="time-title"><span>Hurry Up!</span> Offer ends in:</div>
                                                        <div class="item-timee">
                                                          <div class="item-timer">
                                                            <div class="defaultCountdown-30"></div>
                                                          </div>
                                                        </div>
                                                    </div>
                                                </div>      
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="slider slider-nav ds-items">
                                        <div class="slick-slide ds-item">
                                            <div class="ds-item-inner">
                                                <div class="ds-image-thumb">
                                                    <img src="image/catalog/demo/product/fashion/1.jpg" alt="img1">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slick-slide ds-item">
                                            <div class="ds-item-inner">
                                                <div class="ds-image-thumb">
                                                    <img src="image/catalog/demo/product/fashion/2.jpg" alt="img2">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slick-slide ds-item">
                                            <div class="ds-item-inner">
                                                <div class="ds-image-thumb">
                                                    <img src="image/catalog/demo/product/fashion/3.jpg" alt="img3">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slick-slide ds-item">
                                            <div class="ds-item-inner">
                                                <div class="ds-image-thumb">
                                                    <img src="image/catalog/demo/product/fashion/4.jpg" alt="img4">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slick-slide ds-item">
                                            <div class="ds-item-inner">
                                                <div class="ds-image-thumb">
                                                    <img src="image/catalog/demo/product/fashion/5.jpg" alt="img5">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slick-slide ds-item">
                                            <div class="ds-item-inner">
                                                <div class="ds-image-thumb">
                                                    <img src="image/catalog/demo/product/fashion/6.jpg" alt="img6">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slick-slide ds-item">
                                            <div class="ds-item-inner">
                                                <div class="ds-image-thumb">
                                                    <img src="image/catalog/demo/product/fashion/7.jpg" alt="img71">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slick-slide ds-item">
                                            <div class="ds-item-inner">
                                                <div class="ds-image-thumb">
                                                    <img src="image/catalog/demo/product/fashion/8.jpg" alt="img8">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slick-slide ds-item">
                                            <div class="ds-item-inner">
                                                <div class="ds-image-thumb">
                                                    <img src="image/catalog/demo/product/fashion/9.jpg" alt="img9">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 hidden-sm hidden-xs">
                    <div class="banners2 banners">
                      <div><a href="#"><img src="image/catalog/banners/id3-bn4.jpg" alt="image"></a></div>
                    </div>
                </div>
            </div>
            <!-- end Content deal, banner -->

            <!-- row banners -->
            <div class="row">
                <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
                    <div class="banners3 banners">
                        <div class="item1">
                            <a href="#"><img src="image/catalog/banners/id3-bn5.jpg" alt="image"></a>
                        </div>
                        <div class="item2">
                            <a href="#"><img src="image/catalog/banners/id3-bn6.jpg" alt="image"></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 hidden-md hidden-xs hidden-sm">
                    <div class="banners4 banners">
                        <div class="item1">
                            <a href="#"><img src="image/catalog/banners/id3-bn7.jpg" alt="image"></a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end row banner -->

            <!-- So categories -->
            <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 col_nn6i  col-style">
                <div id="so_categories_45651530697557" class="so-categories module theme3 custom-slidercates preset01-4 preset02-4 preset03-3 preset04-2 preset05-1">
                    <h3 class="modtitle"><span>Top collections</span></h3>
                    <div class="modcontent">              
                        <div class="cat-wrap theme3 yt-content-slider cat-wrap" data-rtl="yes" data-autoplay="no" data-autoheight="no" data-delay="4" data-speed="0.6" data-margin="30" data-items_column00="4" data-items_column0="4" data-items_column1="4" data-items_column2="3"  data-items_column3="2" data-items_column4="1" data-arrows="yes" data-pagination="no" data-lazyload="yes" data-loop="yes" data-hoverpause="yes">
                            <div class="content-box">
                                <div class="image-cat">
                                  <a href="#" title="Electronics">
                                    <img src="image/catalog/demo/category/cate1.jpg" alt="img">
                                  </a>
                                </div>
                                <div class="cat-title">
                                  <a href="#" title="Electronics">
                                    Electronics
                                  </a>
                                </div> 
                                <div class="child-cat">
                                    <div class="child-cat-title"><a href="#">Toshiba</a></div>
                                    <div class="child-cat-title"><a href="#">Dell</a></div>
                                    <div class="child-cat-title"><a href="#">Esdipiscing</a></div>
                                    <div class="child-cat-title"><a href="#">Apple</a></div>

                                    <a href="#" class="viewmore" title="Electronics"> More Categories </a>
                                </div>     
                            </div>

                            <div class="content-box">
                                <div class="image-cat">
                                  <a href="#" title="Furnicom">
                                    <img src="image/catalog/demo/category/cate2.jpg" alt="img">
                                  </a>
                                </div>
                                <div class="cat-title">
                                  <a href="#" title="Furnicom">
                                    Furnicom
                                  </a>
                                </div> 
                                <div class="child-cat">
                                    <div class="child-cat-title"><a href="#">Lorem ipsum</a></div>
                                    <div class="child-cat-title"><a href="#">Consectetur </a></div>
                                    <div class="child-cat-title"><a href="#">Esdipiscing</a></div>
                                    <div class="child-cat-title"><a href="#">Incididunt</a></div>

                                    <a href="#" class="viewmore" title="Furnicom"> More Categories </a>
                                </div>     
                            </div>

                            <div class="content-box">
                                <div class="image-cat">
                                  <a href="#" title="Iwatch & Accessories">
                                    <img src="image/catalog/demo/category/cate3.jpg" alt="img">
                                  </a>
                                </div>
                                <div class="cat-title">
                                  <a href="#" title="Iwatch & Accessories">
                                    Iwatch & Accessories
                                  </a>
                                </div> 
                                <div class="child-cat">
                                    <div class="child-cat-title"><a href="#">Doloremque</a></div>
                                    <div class="child-cat-title"><a href="#">Excepteur </a></div>
                                    <div class="child-cat-title"><a href="#">Mollit anim</a></div>
                                    <div class="child-cat-title"><a href="#">Accusantium</a></div>

                                    <a href="#" class="viewmore" title="Iwatch & Accessories"> More Categories </a>
                                </div>     
                            </div>

                            <div class="content-box">
                                <div class="image-cat">
                                  <a href="#" title="Fashion">
                                    <img src="image/catalog/demo/category/cate4.jpg" alt="img">
                                  </a>
                                </div>
                                <div class="cat-title">
                                  <a href="#" title="Fashion">
                                    Fashion
                                  </a>
                                </div> 
                                <div class="child-cat">
                                    <div class="child-cat-title"><a href="#">Consectetur</a></div>
                                    <div class="child-cat-title"><a href="#">Doloremque</a></div>
                                    <div class="child-cat-title"><a href="#">Excepteur </a></div>
                                    <div class="child-cat-title"><a href="#">Mollit anim</a></div>

                                    <a href="#" class="viewmore" title="Fashion"> More Categories </a>
                                </div>     
                            </div>

                            <div class="content-box">
                                <div class="image-cat">
                                  <a href="#" title="Health & Beauty">
                                    <img src="image/catalog/demo/category/cate5.jpg" alt="img">
                                  </a>
                                </div>
                                <div class="cat-title">
                                  <a href="#" title="Health & Beauty">
                                    Health & Beauty
                                  </a>
                                </div> 
                                <div class="child-cat">
                                    <div class="child-cat-title"><a href="#">Excepteur</a></div>
                                    <div class="child-cat-title"><a href="#">Jeans</a></div>
                                    <div class="child-cat-title"><a href="#">Esdipiscing</a></div>
                                    <div class="child-cat-title"><a href="#">Lorem isspum</a></div>

                                    <a href="#" class="viewmore" title="Health & Beauty"> More Categories </a>
                                </div>     
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            </div>
            <!-- end So categories -->

            <div class="banners5 banners">
              <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <a href="#"><img src="image/catalog/banners/id3-bn8.jpg" alt="image"></a>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <a href="#"><img src="image/catalog/banners/id3-bn9.jpg" alt="image"></a>
                </div>
              </div>
            </div>

            <!-- Category slider -->
            <div id="so_category_slider_193" class="so-category-slider container-slider module so-category-slider-ltr cate-slider3">
                <h4 class="modtitle">Featured products</h4>
                <div class="modcontent">
                    <div class="page-top">                        
                        <div class="item-sub-cat">
                            <ul>
                                <li><a href="#" title="Smartphone" target="_self">Smartphone</a></li>
                                <li><a href="#" title="Tablets" target="_self">Tablets</a></li>
                                <li><a href="#" title="Computer" target="_self">Computer</a></li>
                                <li><a href="#" title="Accessories" target="_self">Accessories</a></li>
                                <li><a href="#" title="Hitech" target="_self">Hitech</a></li>
                            </ul>
                        </div> 
                    </div>
                    <div class="categoryslider-content">
                        <div class="slider category-slider-inner products-list yt-content-slider" data-rtl="yes" data-autoplay="no" data-autoheight="no" data-delay="4" data-speed="0.6" data-margin="30" data-items_column00="5" data-items_column0="5" data-items_column1="4" data-items_column2="3"  data-items_column3="2" data-items_column4="1" data-arrows="yes" data-pagination="no" data-lazyload="yes" data-loop="yes" data-hoverpause="yes">

                                <div class="item">         
                                     
                                    <div class="item-inner product-layout transition product-grid">
                                        <div class="product-item-container">
                                            <div class="left-block left-b">
                                                <div class="box-label">
                                                    <span class="label-product label-sale">-10%</span>
                                                </div>
                                                <div class="product-image-container second_img">
                                                    <a href="product.html" target="_self" title="Mapicola incidid">
                                                        <img src="image/catalog/demo/product/270/fu3.jpg" class="img-1 img-responsive" alt="image1">
                                                        <img src="image/catalog/demo/product/270/fu8.jpg" class="img-2 img-responsive" alt="image2">
                                                    </a>
                                                </div>
                                                <!--quickview--> 
                                                <div class="so-quickview">
                                                  <a class="iframe-link btn-button quickview quickview_handler visible-lg" href="quickview.html" title="Quick view" data-fancybox-type="iframe"><i class="fa fa-eye"></i><span>Quick view</span></a>
                                                </div>                                                     
                                                <!--end quickview-->

                                                
                                            </div>
                                            <div class="right-block">
                                                <div class="button-group so-quickview cartinfo--left">
                                                    <button type="button" class="addToCart" title="Add to cart" onclick="cart.add('60 ');">
                                                        <span>Add to cart </span>   
                                                    </button>
                                                    <button type="button" class="wishlist btn-button" title="Add to Wish List" onclick="wishlist.add('60');"><i class="fa fa-heart-o"></i><span>Add to Wish List</span>
                                                    </button>
                                                    <button type="button" class="compare btn-button" title="Compare this Product " onclick="compare.add('60');"><i class="fa fa-retweet"></i><span>Compare this Product</span>
                                                    </button>
                                                    
                                                </div>
                                                <div class="caption hide-cont">
                                                    <div class="ratings">
                                                        <div class="rating-box">    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        </div>
                                                        <span class="rating-num">( 2 )</span>
                                                    </div>
                                                    <h4><a href="product.html" title="Pastrami bacon" target="_self">Mapicola incidid</a></h4>
                                                    
                                                </div>
                                                <p class="price">
                                                  <span class="price-new">$90.00</span>
                                                  <span class="price-old">$100.00</span>
                                                </p>
                                            </div>

                                           
                                        </div>
                                    </div>
                                    <div class="item-inner product-layout transition product-grid">
                                        <div class="product-item-container">
                                            <div class="left-block left-b">
                                                <div class="box-label">
                                                    <span class="label-product label-new">New</span>
                                                </div>
                                                <div class="product-image-container second_img">
                                                    <a href="product.html" target="_self" title="Sunt inculpa qui">
                                                        <img src="image/catalog/demo/product/270/fu1.jpg" class="img-1 img-responsive" alt="image1">
                                                        <img src="image/catalog/demo/product/270/fu10.jpg" class="img-2 img-responsive" alt="image2">
                                                    </a>
                                                </div>
                                                <!--quickview--> 
                                                <div class="so-quickview">
                                                  <a class="iframe-link btn-button quickview quickview_handler visible-lg" href="quickview.html" title="Quick view" data-fancybox-type="iframe"><i class="fa fa-eye"></i><span>Quick view</span></a>
                                                </div>                                                     
                                                <!--end quickview-->

                                                
                                            </div>
                                            <div class="right-block">
                                                <div class="button-group so-quickview cartinfo--left">
                                                    <button type="button" class="addToCart" title="Add to cart" onclick="cart.add('60 ');">
                                                        <span>Add to cart </span>   
                                                    </button>
                                                    <button type="button" class="wishlist btn-button" title="Add to Wish List" onclick="wishlist.add('60');"><i class="fa fa-heart-o"></i><span>Add to Wish List</span>
                                                    </button>
                                                    <button type="button" class="compare btn-button" title="Compare this Product " onclick="compare.add('60');"><i class="fa fa-retweet"></i><span>Compare this Product</span>
                                                    </button>
                                                    
                                                </div>
                                                <div class="caption hide-cont">
                                                    <div class="ratings">
                                                        <div class="rating-box">    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        </div>
                                                        <span class="rating-num">( 2 )</span>
                                                    </div>
                                                    <h4><a href="product.html" title="Pastrami bacon" target="_self">Sunt inculpa qui</a></h4>
                                                    
                                                </div>
                                                <p class="price">
                                                  <span class="price-new">$60.00</span>
                                                  
                                                </p>
                                            </div>

                                        </div>
                                    </div>     
                                </div>

                                <div class="item">         
                                    <div class="item-inner product-layout transition product-grid">
                                        <div class="product-item-container">
                                            <div class="left-block left-b">
                                                <div class="box-label">
                                                    <span class="label-product label-sale">-15%</span>
                                                </div>
                                                <div class="product-image-container second_img">
                                                    <a href="product.html" target="_self" title="Exceeur sint occaecat">
                                                        <img src="image/catalog/demo/product/270/e2.jpg" class="img-1 img-responsive" alt="image1">
                                                        <img src="image/catalog/demo/product/270/e9.jpg" class="img-2 img-responsive" alt="image2">
                                                    </a>
                                                </div>
                                                <!--quickview--> 
                                                <div class="so-quickview">
                                                  <a class="iframe-link btn-button quickview quickview_handler visible-lg" href="quickview.html" title="Quick view" data-fancybox-type="iframe"><i class="fa fa-eye"></i><span>Quick view</span></a>
                                                </div>                                                     
                                                <!--end quickview-->
                                                
                                            </div>
                                            <div class="right-block">
                                                <div class="button-group so-quickview cartinfo--left">
                                                    <button type="button" class="addToCart" title="Add to cart" onclick="cart.add('60 ');">
                                                        <span>Add to cart </span>   
                                                    </button>
                                                    <button type="button" class="wishlist btn-button" title="Add to Wish List" onclick="wishlist.add('60');"><i class="fa fa-heart-o"></i><span>Add to Wish List</span>
                                                    </button>
                                                    <button type="button" class="compare btn-button" title="Compare this Product " onclick="compare.add('60');"><i class="fa fa-retweet"></i><span>Compare this Product</span>
                                                    </button>
                                                    
                                                </div>
                                                <div class="caption hide-cont">
                                                    <div class="ratings">
                                                        <div class="rating-box">    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        </div>
                                                        <span class="rating-num">( 3 )</span>
                                                    </div>
                                                    <h4><a href="product.html" title="Pastrami bacon" target="_self">Exceeur sint occaecat</a></h4>
                                                    
                                                </div>
                                                <p class="price">
                                                  <span class="price-new">$50.00</span>
                                                  <span class="price-old">$59.00</span>
                                                </p>
                                            </div>

                                            
                                        </div>
                                    </div> 
                                    <div class="item-inner product-layout transition product-grid">
                                        <div class="product-item-container">
                                            <div class="left-block left-b">
                                                
                                                <div class="product-image-container second_img">
                                                    <a href="product.html" target="_self" title="Lastrami bacon">
                                                        <img src="image/catalog/demo/product/270/e1.jpg" class="img-1 img-responsive" alt="image1">
                                                        <img src="image/catalog/demo/product/270/e10.jpg" class="img-2 img-responsive" alt="image2">
                                                    </a>
                                                </div>
                                                <!--quickview--> 
                                                <div class="so-quickview">
                                                  <a class="iframe-link btn-button quickview quickview_handler visible-lg" href="quickview.html" title="Quick view" data-fancybox-type="iframe"><i class="fa fa-eye"></i><span>Quick view</span></a>
                                                </div>                                                     
                                                <!--end quickview-->

                                                
                                            </div>
                                            <div class="right-block">
                                                <div class="button-group so-quickview cartinfo--left">
                                                    <button type="button" class="addToCart" title="Add to cart" onclick="cart.add('60 ');">
                                                        <span>Add to cart </span>   
                                                    </button>
                                                    <button type="button" class="wishlist btn-button" title="Add to Wish List" onclick="wishlist.add('60');"><i class="fa fa-heart-o"></i><span>Add to Wish List</span>
                                                    </button>
                                                    <button type="button" class="compare btn-button" title="Compare this Product " onclick="compare.add('60');"><i class="fa fa-retweet"></i><span>Compare this Product</span>
                                                    </button>
                                                    
                                                </div>
                                                <div class="caption hide-cont">
                                                    <div class="ratings">
                                                        <div class="rating-box">    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        </div>
                                                        <span class="rating-num">( 2 )</span>
                                                    </div>
                                                    <h4><a href="product.html" title="Pastrami bacon" target="_self">Lastrami bacon</a></h4>
                                                    
                                                </div>
                                                <p class="price">
                                                  <span class="price-new">$80.00</span>
                                                  
                                                </p>
                                            </div>

                                        </div>
                                    </div>     
                                </div>

                                <div class="item">         
                                    <div class="item-inner product-layout transition product-grid">
                                        <div class="product-item-container">
                                            <div class="left-block left-b">
                                                
                                                <div class="product-image-container second_img">
                                                    <a href="product.html" target="_self" title="Mapicola incidid">
                                                        <img src="image/catalog/demo/product/270/e3.jpg" class="img-1 img-responsive" alt="image1">
                                                        <img src="image/catalog/demo/product/270/e8.jpg" class="img-2 img-responsive" alt="image2">
                                                    </a>
                                                </div>
                                                <!--quickview--> 
                                                <div class="so-quickview">
                                                  <a class="iframe-link btn-button quickview quickview_handler visible-lg" href="quickview.html" title="Quick view" data-fancybox-type="iframe"><i class="fa fa-eye"></i><span>Quick view</span></a>
                                                </div>                                                     
                                                <!--end quickview-->

                                                
                                            </div>
                                            <div class="right-block">
                                                <div class="button-group so-quickview cartinfo--left">
                                                    <button type="button" class="addToCart" title="Add to cart" onclick="cart.add('60 ');">
                                                        <span>Add to cart </span>   
                                                    </button>
                                                    <button type="button" class="wishlist btn-button" title="Add to Wish List" onclick="wishlist.add('60');"><i class="fa fa-heart-o"></i><span>Add to Wish List</span>
                                                    </button>
                                                    <button type="button" class="compare btn-button" title="Compare this Product " onclick="compare.add('60');"><i class="fa fa-retweet"></i><span>Compare this Product</span>
                                                    </button>
                                                    
                                                </div>
                                                <div class="caption hide-cont">
                                                    <div class="ratings">
                                                        <div class="rating-box">    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                        </div>
                                                        <span class="rating-num">( 5 )</span>
                                                    </div>
                                                    <h4><a href="product.html" title="Pastrami bacon" target="_self">Mapicola incidid</a></h4>
                                                    
                                                </div>
                                                <p class="price">
                                                  <span class="price-new">$60.00</span>
                      
                                                </p>
                                            </div>

                                           
                                        </div>
                                    </div> 
                                    <div class="item-inner product-layout transition product-grid">
                                        <div class="product-item-container">
                                            <div class="left-block left-b">
                                                
                                                <div class="product-image-container second_img">
                                                    <a href="product.html" target="_self" title="Dormd dea irure">
                                                        <img src="image/catalog/demo/product/270/fu4.jpg" class="img-1 img-responsive" alt="image1">
                                                        <img src="image/catalog/demo/product/270/fu7.jpg" class="img-2 img-responsive" alt="image2">
                                                    </a>
                                                </div>
                                                <!--quickview--> 
                                                <div class="so-quickview">
                                                  <a class="iframe-link btn-button quickview quickview_handler visible-lg" href="quickview.html" title="Quick view" data-fancybox-type="iframe"><i class="fa fa-eye"></i><span>Quick view</span></a>
                                                </div>                                                     
                                                <!--end quickview-->

                                                
                                            </div>
                                            <div class="right-block">
                                                <div class="button-group so-quickview cartinfo--left">
                                                    <button type="button" class="addToCart" title="Add to cart" onclick="cart.add('60 ');">
                                                        <span>Add to cart </span>   
                                                    </button>
                                                    <button type="button" class="wishlist btn-button" title="Add to Wish List" onclick="wishlist.add('60');"><i class="fa fa-heart-o"></i><span>Add to Wish List</span>
                                                    </button>
                                                    <button type="button" class="compare btn-button" title="Compare this Product " onclick="compare.add('60');"><i class="fa fa-retweet"></i><span>Compare this Product</span>
                                                    </button>
                                                    
                                                </div>
                                                <div class="caption hide-cont">
                                                    <div class="ratings">
                                                        <div class="rating-box">    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        </div>
                                                        <span class="rating-num">( 2 )</span>
                                                    </div>
                                                    <h4><a href="product.html" title="Pastrami bacon" target="_self">Dormd dea irure </a></h4>
                                                    
                                                </div>
                                                <p class="price">
                                                  <span class="price-new">$48.00</span>
                          
                                                </p>
                                            </div>                                    
                                        </div>
                                    </div>      
                                </div>

                                <div class="item">         
                                    <div class="item-inner product-layout transition product-grid">
                                        <div class="product-item-container">
                                            <div class="left-block left-b">
                                                <div class="box-label">
                                                    <span class="label-product label-new">New</span>
                                                </div>
                                                <div class="product-image-container second_img">
                                                    <a href="product.html" target="_self" title="Duis aute irure ">
                                                        <img src="image/catalog/demo/product/270/e4.jpg" class="img-1 img-responsive" alt="image1">
                                                        <img src="image/catalog/demo/product/270/e7.jpg" class="img-2 img-responsive" alt="image2">
                                                    </a>
                                                </div>
                                                <!--quickview--> 
                                                <div class="so-quickview">
                                                  <a class="iframe-link btn-button quickview quickview_handler visible-lg" href="quickview.html" title="Quick view" data-fancybox-type="iframe"><i class="fa fa-eye"></i><span>Quick view</span></a>
                                                </div>                                                     
                                                <!--end quickview-->

                                                
                                            </div>
                                            <div class="right-block">
                                                <div class="button-group so-quickview cartinfo--left">
                                                    <button type="button" class="addToCart" title="Add to cart" onclick="cart.add('60 ');">
                                                        <span>Add to cart </span>   
                                                    </button>
                                                    <button type="button" class="wishlist btn-button" title="Add to Wish List" onclick="wishlist.add('60');"><i class="fa fa-heart-o"></i><span>Add to Wish List</span>
                                                    </button>
                                                    <button type="button" class="compare btn-button" title="Compare this Product " onclick="compare.add('60');"><i class="fa fa-retweet"></i><span>Compare this Product</span>
                                                    </button>
                                                    
                                                </div>
                                                <div class="caption hide-cont">
                                                    <div class="ratings">
                                                        <div class="rating-box">    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        </div>
                                                        <span class="rating-num">( 2 )</span>
                                                    </div>
                                                    <h4><a href="product.html" title="Pastrami bacon" target="_self">Duis aute irure </a></h4>
                                                    
                                                </div>
                                                <p class="price">
                                                  <span class="price-new">$48.00</span>
                          
                                                </p>
                                            </div>

                                            
                                        </div>
                                    </div>
                                    <div class="item-inner product-layout transition product-grid">
                                        <div class="product-item-container">
                                            <div class="left-block left-b">
                                                
                                                <div class="product-image-container second_img">
                                                    <a href="product.html" target="_self" title="Mecepteur sint rew">
                                                        <img src="image/catalog/demo/product/270/fu5.jpg" class="img-1 img-responsive" alt="image1">
                                                        <img src="image/catalog/demo/product/270/fu6.jpg" class="img-2 img-responsive" alt="image2">
                                                    </a>
                                                </div>
                                                <!--quickview--> 
                                                <div class="so-quickview">
                                                  <a class="iframe-link btn-button quickview quickview_handler visible-lg" href="quickview.html" title="Quick view" data-fancybox-type="iframe"><i class="fa fa-eye"></i><span>Quick view</span></a>
                                                </div>                                                     
                                                <!--end quickview-->

                                                
                                            </div>
                                            <div class="right-block">
                                                <div class="button-group so-quickview cartinfo--left">
                                                    <button type="button" class="addToCart" title="Add to cart" onclick="cart.add('60 ');">
                                                        <span>Add to cart </span>   
                                                    </button>
                                                    <button type="button" class="wishlist btn-button" title="Add to Wish List" onclick="wishlist.add('60');"><i class="fa fa-heart-o"></i><span>Add to Wish List</span>
                                                    </button>
                                                    <button type="button" class="compare btn-button" title="Compare this Product " onclick="compare.add('60');"><i class="fa fa-retweet"></i><span>Compare this Product</span>
                                                    </button>
                                                    
                                                </div>
                                                <div class="caption hide-cont">
                                                    <div class="ratings">
                                                        <div class="rating-box">    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        </div>
                                                        <span class="rating-num">( 2 )</span>
                                                    </div>
                                                    <h4><a href="product.html" title="Pastrami bacon" target="_self">Mecepteur sint rew</a></h4>
                                                    
                                                </div>
                                                <p class="price">
                                                  <span class="price-new">$90.00</span>
                                        
                                                </p>
                                            </div>

                                        </div>
                                    </div>       
                                </div>

                                <div class="item">         
                                    <div class="item-inner product-layout transition product-grid">
                                        <div class="product-item-container">
                                            <div class="left-block left-b">
                                                
                                                <div class="product-image-container second_img">
                                                    <a href="product.html" target="_self" title="Excepteur sint occ">
                                                        <img src="image/catalog/demo/product/270/e5.jpg" class="img-1 img-responsive" alt="image1">
                                                        <img src="image/catalog/demo/product/270/e6.jpg" class="img-2 img-responsive" alt="image2">
                                                    </a>
                                                </div>
                                                <!--quickview--> 
                                                <div class="so-quickview">
                                                  <a class="iframe-link btn-button quickview quickview_handler visible-lg" href="quickview.html" title="Quick view" data-fancybox-type="iframe"><i class="fa fa-eye"></i><span>Quick view</span></a>
                                                </div>                                                     
                                                <!--end quickview-->

                                                
                                            </div>
                                            <div class="right-block">
                                                <div class="button-group so-quickview cartinfo--left">
                                                    <button type="button" class="addToCart" title="Add to cart" onclick="cart.add('60 ');">
                                                        <span>Add to cart </span>   
                                                    </button>
                                                    <button type="button" class="wishlist btn-button" title="Add to Wish List" onclick="wishlist.add('60');"><i class="fa fa-heart-o"></i><span>Add to Wish List</span>
                                                    </button>
                                                    <button type="button" class="compare btn-button" title="Compare this Product " onclick="compare.add('60');"><i class="fa fa-retweet"></i><span>Compare this Product</span>
                                                    </button>
                                                    
                                                </div>
                                                <div class="caption hide-cont">
                                                    <div class="ratings">
                                                        <div class="rating-box">    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                        </div>
                                                        <span class="rating-num">( 4 )</span>
                                                    </div>
                                                    <h4><a href="product.html" title="Pastrami bacon" target="_self">Excepteur sint occ</a></h4>
                                                    
                                                </div>
                                                <p class="price">
                                                  <span class="price-new">$90.00</span>
                                        
                                                </p>
                                            </div>

                                        </div>
                                    </div>               
                                    <div class="item-inner product-layout transition product-grid">
                                        <div class="product-item-container">
                                            <div class="left-block left-b">
                                               
                                                <div class="product-image-container second_img">
                                                    <a href="product.html" target="_self" title="PCenison meatloa">
                                                        <img src="image/catalog/demo/product/270/e6.jpg" class="img-1 img-responsive" alt="image1">
                                                        <img src="image/catalog/demo/product/270/e2.jpg" class="img-2 img-responsive" alt="image2">
                                                    </a>
                                                </div>
                                                <!--quickview--> 
                                                <div class="so-quickview">
                                                  <a class="iframe-link btn-button quickview quickview_handler visible-lg" href="quickview.html" title="Quick view" data-fancybox-type="iframe"><i class="fa fa-eye"></i><span>Quick view</span></a>
                                                </div>                                                     
                                                <!--end quickview-->

                                                
                                            </div>
                                            <div class="right-block">
                                                <div class="button-group so-quickview cartinfo--left">
                                                    <button type="button" class="addToCart" title="Add to cart" onclick="cart.add('60 ');">
                                                        <span>Add to cart </span>   
                                                    </button>
                                                    <button type="button" class="wishlist btn-button" title="Add to Wish List" onclick="wishlist.add('60');"><i class="fa fa-heart-o"></i><span>Add to Wish List</span>
                                                    </button>
                                                    <button type="button" class="compare btn-button" title="Compare this Product " onclick="compare.add('60');"><i class="fa fa-retweet"></i><span>Compare this Product</span>
                                                    </button>
                                                    
                                                </div>
                                                <div class="caption hide-cont">
                                                    <div class="ratings">
                                                        <div class="rating-box">    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                            <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                        </div>
                                                        <span class="rating-num">( 6 )</span>
                                                    </div>
                                                    <h4><a href="product.html" title="Pastrami bacon" target="_self">Cenison meatloa</a></h4>
                                                    
                                                </div>
                                                <p class="price">$42.00</p>
                                            </div>
                                           
                                        </div>
                                    </div>      
                                </div>
                                                        
                        </div>
                    </div>
                </div>
            </div>

            <!-- end Category slider -->

            <div class="slider-brands clearfix">
                <div class="yt-content-slider contentslider" data-rtl="no" data-loop="yes" data-autoplay="no" data-autoheight="no" data-autowidth="no" data-delay="4" data-speed="0.6" data-margin="0" data-items_column00="6" data-items_column0="6" data-items_column1="5" data-items_column2="3" data-items_column3="2" data-items_column4="1" data-arrows="yes" data-pagination="no" data-lazyload="yes" data-hoverpause="yes">
                    <div class="item">
                        <a href="#">
                            <img src="image/catalog/brands/b1.png" alt="brand">
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="image/catalog/brands/b2.png" alt="brand">
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="image/catalog/brands/b3.png" alt="brand">
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="image/catalog/brands/b4.png" alt="brand">
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="image/catalog/brands/b5.png" alt="brand">
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="image/catalog/brands/b6.png" alt="brand">
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="image/catalog/brands/b4.png" alt="brand">
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="image/catalog/brands/b5.png" alt="brand">
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="image/catalog/brands/b6.png" alt="brand">
                        </a>
                    </div>
                </div>
            </div>
            <!-- Col products simple-->
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="module product-simple">
                        <h3 class="modtitle">
                            <span>Top Rated</span>
                        </h3>
                        <div class="modcontent">
                            <div id="so_extra_slider_31" class="so-extraslider" >
                                <!-- Begin extraslider-inner -->
                                <div class="yt-content-slider extraslider-inner" data-rtl="yes" data-autoplay="no" data-delay="4" data-speed="0.6" data-margin="0" data-items_column00="1" data-items_column0="1" data-items_column1="1" data-items_column2="1" data-items_column3="1" data-items_column4="1" data-arrows="yes" data-pagination="no" data-lazyload="yes" data-loop="yes" data-buttonpage="top">
                                    <div class="item ">
                                        <div class="product-layout item-inner style1 ">
                                            <div class="item-image">
                                                <div class="item-img-info">
                                                    <a href="#" target="_self" title="Mandouille short ">
                                                        <img src="image/catalog/demo/product/80/1.jpg" alt="Mandouille short">
                                                        </a>
                                                </div>
                                                
                                            </div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#" target="_self" title="Mandouille short">Mandouille short </a>
                                                </div>
                                                <div class="rating">
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                </div>
                                                <div class="content_price price">
                                                    <span class="price-new product-price">$55.00 </span>&nbsp;&nbsp;

                                                    <span class="price-old">$76.00 </span>&nbsp;

                                                </div>
                                            </div>
                                            <!-- End item-info -->
                                            <!-- End item-wrap-inner -->
                                        </div>
                                        <!-- End item-wrap -->
                                        <div class="product-layout item-inner style1 ">
                                            <div class="item-image">
                                                <div class="item-img-info">
                                                    <a href="#" target="_self" title="Xancetta bresao ">
                                                            <img src="image/catalog/demo/product/80/2.jpg" alt="Xancetta bresao">
                                                            </a>
                                                </div>
                                                
                                            </div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#" target="_self" title="Xancetta bresao">
                                                                Xancetta bresao 
                                                            </a>
                                                </div>
                                                <div class="rating">
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                </div>
                                                <div class="content_price price">
                                                    <span class="price-new product-price">$80.00 </span>&nbsp;&nbsp;

                                                    <span class="price-old">$89.00 </span>&nbsp;



                                                </div>
                                            </div>
                                            <!-- End item-info -->
                                            <!-- End item-wrap-inner -->
                                        </div>
                                        <!-- End item-wrap -->
                                        <div class="product-layout item-inner style1 ">
                                            <div class="item-image">
                                                <div class="item-img-info">
                                                    <a href="#" target="_self" title="Sausage cowbee ">
                                                                <img src="image/catalog/demo/product/80/3.jpg" alt="Sausage cowbee">
                                                                </a>
                                                </div>
                                               
                                            </div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#" target="_self" title="Sausage cowbee">
                                                                Sausage cowbee 
                                                            </a>
                                                </div>
                                                <div class="rating">
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                </div>
                                               
                                                <div class="content_price price">
                                                    <span class="price product-price">
                                                                    $66.00 
                                                                </span>
                                                </div>
                                            </div>
                                            <!-- End item-info -->
                                            <!-- End item-wrap-inner -->
                                        </div>
                                        <!-- End item-wrap -->
                                        
                                    </div>
                                    <div class="item ">
                                        
                                        <div class="product-layout item-inner style1 ">
                                            <div class="item-image">
                                                <div class="item-img-info">
                                                    <a href="#" target="_self" title="Consecte quichuck ">
                                                    <img src="image/catalog/demo/product/80/6.jpg" alt="Consecte quichuck">
                                                    </a>
                                                </div>
                                                
                                            </div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#" target="_self" title="Consecte quichuck">
                                            Consecte quichuck 
                                        </a>
                                                </div>
                                                <div class="rating">
                                                    <span class="fa fa-stack">
                                                <i class="fa fa-star fa-stack-2x"></i>
                                            </span>
                                                    <span class="fa fa-stack">
                                                <i class="fa fa-star fa-stack-2x"></i>
                                            </span>
                                                    <span class="fa fa-stack">
                                                <i class="fa fa-star fa-stack-2x"></i>
                                            </span>
                                                    <span class="fa fa-stack">
                                                <i class="fa fa-star fa-stack-2x"></i>
                                            </span>
                                                    <span class="fa fa-stack">
                                                <i class="fa fa-star fa-stack-2x"></i>
                                            </span>
                                                </div>
                                                <div class="content_price price">
                                                    <span class="price-new product-price">$55.00 </span>&nbsp;&nbsp;

                                                    <span class="price-old">$61.00 </span>&nbsp;



                                                </div>
                                            </div>
                                            <!-- End item-info -->
                                            <!-- End item-wrap-inner -->
                                        </div>
                                        <!-- End item-wrap -->
                                        <div class="product-layout item-inner style1 ">
                                            <div class="item-image">
                                                <div class="item-img-info">
                                                    <a href="#" target="_self" title="Neatball bresaola ">
                                                <img src="image/catalog/demo/product/80/7.jpg" alt="Neatball bresaola">
                                                </a>
                                                </div>
                                                
                                            </div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#" target="_self" title="Neatball bresaola">
                                            Neatball bresaola 
                                        </a>
                                                </div>
                                                <div class="rating">
                                                    <span class="fa fa-stack">
                                                    <i class="fa fa-star fa-stack-2x"></i>
                                                </span>
                                                    <span class="fa fa-stack">
                                                    <i class="fa fa-star fa-stack-2x"></i>
                                                </span>
                                                    <span class="fa fa-stack">
                                                    <i class="fa fa-star fa-stack-2x"></i>
                                                </span>
                                                    <span class="fa fa-stack">
                                                    <i class="fa fa-star fa-stack-2x"></i>
                                                </span>
                                                    <span class="fa fa-stack">
                                                    <i class="fa fa-star fa-stack-2x"></i>
                                                </span>
                                                </div>
                                                <div class="content_price price">
                                                    <span class="price-new product-price">$65.00 </span>&nbsp;&nbsp;

                                                    <span class="price-old">$71.00 </span>&nbsp;



                                                </div>
                                            </div>
                                            <!-- End item-info -->
                                            <!-- End item-wrap-inner -->
                                        </div>
                                        <!-- End item-wrap -->
                                        <div class="product-layout item-inner style1 ">
                                            <div class="item-image">
                                                <div class="item-img-info">
                                                    <a href="#" target="_self" title="Yutculpa ullamco ">
                                                    <img src="image/catalog/demo/product/80/8.jpg" alt="Yutculpa ullamco">
                                                    </a>
                                                </div>
                                                
                                            </div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#" target="_self" title="Yutculpa ullamco">
                                                        Yutculpa ullamco 
                                                    </a>
                                                </div>
                                                <div class="rating">
                                                    <span class="fa fa-stack">
                                                        <i class="fa fa-star fa-stack-2x"></i>
                                                    </span>
                                                    <span class="fa fa-stack">
                                                        <i class="fa fa-star fa-stack-2x"></i>
                                                    </span>
                                                    <span class="fa fa-stack">
                                                        <i class="fa fa-star fa-stack-2x"></i>
                                                    </span>
                                                    <span class="fa fa-stack">
                                                        <i class="fa fa-star fa-stack-2x"></i>
                                                    </span>
                                                    <span class="fa fa-stack">
                                                        <i class="fa fa-star fa-stack-2x"></i>
                                                    </span>
                                                </div>
                                                <div class="content_price price">
                                                    <span class="price-new product-price">$60.00 </span>&nbsp;&nbsp;

                                                    <span class="price-old">$77.00 </span>&nbsp;



                                                </div>
                                            </div>
                                            <!-- End item-info -->
                                            <!-- End item-wrap-inner -->
                                        </div>
                                        <!-- End item-wrap -->
                                    </div>
                                </div>
                                <!--End extraslider-inner -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="module product-simple">
                        <h3 class="modtitle">
                            <span>Recommened</span>
                        </h3>
                        <div class="modcontent">
                            <div id="so_extra_slider_31" class="so-extraslider" >
                                <!-- Begin extraslider-inner -->
                                <div class="yt-content-slider extraslider-inner" data-rtl="yes" data-autoplay="no" data-delay="4" data-speed="0.6" data-margin="0" data-items_column00="1" data-items_column0="1" data-items_column1="1" data-items_column2="1" data-items_column3="1" data-items_column4="1" data-arrows="yes" data-pagination="no" data-lazyload="yes" data-loop="yes" data-buttonpage="top">
                                    <div class="item ">
                                        
                                        <div class="product-layout item-inner style1 ">
                                            <div class="item-image">
                                                <div class="item-img-info">
                                                    <a href="#" target="_self" title="Consecte quichuck ">
                                                    <img src="image/catalog/demo/product/80/4.jpg" alt="Consecte quichuck">
                                                    </a>
                                                </div>
                                                
                                            </div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#" target="_self" title="Consecte quichuck">
                                            Consecte quichuck 
                                        </a>
                                                </div>
                                                <div class="rating">
                                                    <span class="fa fa-stack">
                                                <i class="fa fa-star fa-stack-2x"></i>
                                            </span>
                                                    <span class="fa fa-stack">
                                                <i class="fa fa-star fa-stack-2x"></i>
                                            </span>
                                                    <span class="fa fa-stack">
                                                <i class="fa fa-star fa-stack-2x"></i>
                                            </span>
                                                    <span class="fa fa-stack">
                                                <i class="fa fa-star fa-stack-2x"></i>
                                            </span>
                                                    <span class="fa fa-stack">
                                                <i class="fa fa-star fa-stack-2x"></i>
                                            </span>
                                                </div>
                                                <div class="content_price price">
                                                    <span class="price-new product-price">$55.00 </span>&nbsp;&nbsp;

                                                    <span class="price-old">$61.00 </span>&nbsp;



                                                </div>
                                            </div>
                                            <!-- End item-info -->
                                            <!-- End item-wrap-inner -->
                                        </div>
                                        <!-- End item-wrap -->
                                        <div class="product-layout item-inner style1 ">
                                            <div class="item-image">
                                                <div class="item-img-info">
                                                    <a href="#" target="_self" title="Neatball bresaola ">
                                                <img src="image/catalog/demo/product/80/7.jpg" alt="Neatball bresaola">
                                                </a>
                                                </div>
                                                
                                            </div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#" target="_self" title="Neatball bresaola">
                                            Neatball bresaola 
                                        </a>
                                                </div>
                                                <div class="rating">
                                                    <span class="fa fa-stack">
                                                    <i class="fa fa-star fa-stack-2x"></i>
                                                </span>
                                                    <span class="fa fa-stack">
                                                    <i class="fa fa-star fa-stack-2x"></i>
                                                </span>
                                                    <span class="fa fa-stack">
                                                    <i class="fa fa-star fa-stack-2x"></i>
                                                </span>
                                                    <span class="fa fa-stack">
                                                    <i class="fa fa-star fa-stack-2x"></i>
                                                </span>
                                                    <span class="fa fa-stack">
                                                    <i class="fa fa-star fa-stack-2x"></i>
                                                </span>
                                                </div>
                                                <div class="content_price price">
                                                    <span class="price-new product-price">$65.00 </span>&nbsp;&nbsp;

                                                    <span class="price-old">$71.00 </span>&nbsp;



                                                </div>
                                            </div>
                                            <!-- End item-info -->
                                            <!-- End item-wrap-inner -->
                                        </div>
                                        <!-- End item-wrap -->
                                        <div class="product-layout item-inner style1 ">
                                            <div class="item-image">
                                                <div class="item-img-info">
                                                    <a href="#" target="_self" title="Yutculpa ullamco ">
                                                    <img src="image/catalog/demo/product/80/8.jpg" alt="Yutculpa ullamco">
                                                    </a>
                                                </div>
                                                
                                            </div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#" target="_self" title="Yutculpa ullamco">
                                                        Yutculpa ullamco 
                                                    </a>
                                                </div>
                                                <div class="rating">
                                                    <span class="fa fa-stack">
                                                        <i class="fa fa-star fa-stack-2x"></i>
                                                    </span>
                                                    <span class="fa fa-stack">
                                                        <i class="fa fa-star fa-stack-2x"></i>
                                                    </span>
                                                    <span class="fa fa-stack">
                                                        <i class="fa fa-star fa-stack-2x"></i>
                                                    </span>
                                                    <span class="fa fa-stack">
                                                        <i class="fa fa-star fa-stack-2x"></i>
                                                    </span>
                                                    <span class="fa fa-stack">
                                                        <i class="fa fa-star fa-stack-2x"></i>
                                                    </span>
                                                </div>
                                                <div class="content_price price">
                                                    <span class="price-new product-price">$60.00 </span>&nbsp;&nbsp;

                                                    <span class="price-old">$77.00 </span>&nbsp;



                                                </div>
                                            </div>
                                            <!-- End item-info -->
                                            <!-- End item-wrap-inner -->
                                        </div>
                                        <!-- End item-wrap -->
                                    </div>
                                    <div class="item ">
                                        <div class="product-layout item-inner style1 ">
                                            <div class="item-image">
                                                <div class="item-img-info">
                                                    <a href="#" target="_self" title="Mandouille short ">
                                                        <img src="image/catalog/demo/product/80/1.jpg" alt="Mandouille short">
                                                        </a>
                                                </div>
                                                
                                            </div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#" target="_self" title="Mandouille short">Mandouille short </a>
                                                </div>
                                                <div class="rating">
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                </div>
                                                <div class="content_price price">
                                                    <span class="price-new product-price">$55.00 </span>&nbsp;&nbsp;

                                                    <span class="price-old">$76.00 </span>&nbsp;

                                                </div>
                                            </div>
                                            <!-- End item-info -->
                                            <!-- End item-wrap-inner -->
                                        </div>
                                        <!-- End item-wrap -->
                                        <div class="product-layout item-inner style1 ">
                                            <div class="item-image">
                                                <div class="item-img-info">
                                                    <a href="#" target="_self" title="Xancetta bresao ">
                                                            <img src="image/catalog/demo/product/80/2.jpg" alt="Xancetta bresao">
                                                            </a>
                                                </div>
                                                
                                            </div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#" target="_self" title="Xancetta bresao">
                                                                Xancetta bresao 
                                                            </a>
                                                </div>
                                                <div class="rating">
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                </div>
                                                <div class="content_price price">
                                                    <span class="price-new product-price">$80.00 </span>&nbsp;&nbsp;

                                                    <span class="price-old">$89.00 </span>&nbsp;



                                                </div>
                                            </div>
                                            <!-- End item-info -->
                                            <!-- End item-wrap-inner -->
                                        </div>
                                        <!-- End item-wrap -->
                                        <div class="product-layout item-inner style1 ">
                                            <div class="item-image">
                                                <div class="item-img-info">
                                                    <a href="#" target="_self" title="Sausage cowbee ">
                                                                <img src="image/catalog/demo/product/80/3.jpg" alt="Sausage cowbee">
                                                                </a>
                                                </div>
                                               
                                            </div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#" target="_self" title="Sausage cowbee">
                                                                Sausage cowbee 
                                                            </a>
                                                </div>
                                                <div class="rating">
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                </div>
                                               
                                                <div class="content_price price">
                                                    <span class="price product-price">
                                                                    $66.00 
                                                                </span>
                                                </div>
                                            </div>
                                            <!-- End item-info -->
                                            <!-- End item-wrap-inner -->
                                        </div>
                                        <!-- End item-wrap -->
                                        
                                    </div>
                                    
                                </div>
                                <!--End extraslider-inner -->
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 last-col">
                    <div class="module product-simple">
                        <h3 class="modtitle">
                            <span>Most Viewed</span>
                        </h3>
                        <div class="modcontent">
                            <div id="so_extra_slider_31" class="so-extraslider" >
                                <!-- Begin extraslider-inner -->
                                <div class="yt-content-slider extraslider-inner" data-rtl="yes" data-autoplay="no" data-delay="4" data-speed="0.6" data-margin="0" data-items_column00="1" data-items_column0="1" data-items_column1="1" data-items_column2="1" data-items_column3="1" data-items_column4="1" data-arrows="yes" data-pagination="no" data-lazyload="yes" data-loop="yes" data-buttonpage="top">
                                    <div class="item ">
                                        <div class="product-layout item-inner style1 ">
                                            <div class="item-image">
                                                <div class="item-img-info">
                                                    <a href="#" target="_self" title="Mandouille short ">
                                                        <img src="image/catalog/demo/product/80/12.jpg" alt="Mandouille short">
                                                        </a>
                                                </div>
                                                
                                            </div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#" target="_self" title="Mandouille short">Mandouille short </a>
                                                </div>
                                                <div class="rating">
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                </div>
                                                <div class="content_price price">
                                                    <span class="price-new product-price">$55.00 </span>&nbsp;&nbsp;

                                                    <span class="price-old">$76.00 </span>&nbsp;

                                                </div>
                                            </div>
                                            <!-- End item-info -->
                                            <!-- End item-wrap-inner -->
                                        </div>
                                        <!-- End item-wrap -->
                                        <div class="product-layout item-inner style1 ">
                                            <div class="item-image">
                                                <div class="item-img-info">
                                                    <a href="#" target="_self" title="Xancetta bresao ">
                                                            <img src="image/catalog/demo/product/80/11.jpg" alt="Xancetta bresao">
                                                            </a>
                                                </div>
                                                
                                            </div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#" target="_self" title="Xancetta bresao">
                                                                Xancetta bresao 
                                                            </a>
                                                </div>
                                                <div class="rating">
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                </div>
                                                <div class="content_price price">
                                                    <span class="price-new product-price">$80.00 </span>&nbsp;&nbsp;

                                                    <span class="price-old">$89.00 </span>&nbsp;



                                                </div>
                                            </div>
                                            <!-- End item-info -->
                                            <!-- End item-wrap-inner -->
                                        </div>
                                        <!-- End item-wrap -->
                                        <div class="product-layout item-inner style1 ">
                                            <div class="item-image">
                                                <div class="item-img-info">
                                                    <a href="#" target="_self" title="Sausage cowbee ">
                                                                <img src="image/catalog/demo/product/80/10.jpg" alt="Sausage cowbee">
                                                                </a>
                                                </div>
                                               
                                            </div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#" target="_self" title="Sausage cowbee">
                                                                Sausage cowbee 
                                                            </a>
                                                </div>
                                                <div class="rating">
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                    <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
                                                </div>
                                               
                                                <div class="content_price price">
                                                    <span class="price product-price">
                                                                    $66.00 
                                                                </span>
                                                </div>
                                            </div>
                                            <!-- End item-info -->
                                            <!-- End item-wrap-inner -->
                                        </div>
                                        <!-- End item-wrap -->
                                        
                                    </div>
                                    <div class="item ">
                                        
                                        <div class="product-layout item-inner style1 ">
                                            <div class="item-image">
                                                <div class="item-img-info">
                                                    <a href="#" target="_self" title="Consecte quichuck ">
                                                    <img src="image/catalog/demo/product/80/1.jpg" alt="Consecte quichuck">
                                                    </a>
                                                </div>
                                                
                                            </div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#" target="_self" title="Consecte quichuck">
                                            Consecte quichuck 
                                        </a>
                                                </div>
                                                <div class="rating">
                                                    <span class="fa fa-stack">
                                                <i class="fa fa-star fa-stack-2x"></i>
                                            </span>
                                                    <span class="fa fa-stack">
                                                <i class="fa fa-star fa-stack-2x"></i>
                                            </span>
                                                    <span class="fa fa-stack">
                                                <i class="fa fa-star fa-stack-2x"></i>
                                            </span>
                                                    <span class="fa fa-stack">
                                                <i class="fa fa-star fa-stack-2x"></i>
                                            </span>
                                                    <span class="fa fa-stack">
                                                <i class="fa fa-star fa-stack-2x"></i>
                                            </span>
                                                </div>
                                                <div class="content_price price">
                                                    <span class="price-new product-price">$55.00 </span>&nbsp;&nbsp;

                                                    <span class="price-old">$61.00 </span>&nbsp;



                                                </div>
                                            </div>
                                            <!-- End item-info -->
                                            <!-- End item-wrap-inner -->
                                        </div>
                                        <!-- End item-wrap -->
                                        <div class="product-layout item-inner style1 ">
                                            <div class="item-image">
                                                <div class="item-img-info">
                                                    <a href="#" target="_self" title="Neatball bresaola ">
                                                <img src="image/catalog/demo/product/80/7.jpg" alt="Neatball bresaola">
                                                </a>
                                                </div>
                                                
                                            </div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#" target="_self" title="Neatball bresaola">
                                            Neatball bresaola 
                                        </a>
                                                </div>
                                                <div class="rating">
                                                    <span class="fa fa-stack">
                                                    <i class="fa fa-star fa-stack-2x"></i>
                                                </span>
                                                    <span class="fa fa-stack">
                                                    <i class="fa fa-star fa-stack-2x"></i>
                                                </span>
                                                    <span class="fa fa-stack">
                                                    <i class="fa fa-star fa-stack-2x"></i>
                                                </span>
                                                    <span class="fa fa-stack">
                                                    <i class="fa fa-star fa-stack-2x"></i>
                                                </span>
                                                    <span class="fa fa-stack">
                                                    <i class="fa fa-star fa-stack-2x"></i>
                                                </span>
                                                </div>
                                                <div class="content_price price">
                                                    <span class="price-new product-price">$65.00 </span>&nbsp;&nbsp;

                                                    <span class="price-old">$71.00 </span>&nbsp;



                                                </div>
                                            </div>
                                            <!-- End item-info -->
                                            <!-- End item-wrap-inner -->
                                        </div>
                                        <!-- End item-wrap -->
                                        <div class="product-layout item-inner style1 ">
                                            <div class="item-image">
                                                <div class="item-img-info">
                                                    <a href="#" target="_self" title="Yutculpa ullamco ">
                                                    <img src="image/catalog/demo/product/80/8.jpg" alt="Yutculpa ullamco">
                                                    </a>
                                                </div>
                                                
                                            </div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#" target="_self" title="Yutculpa ullamco">
                                                        Yutculpa ullamco 
                                                    </a>
                                                </div>
                                                <div class="rating">
                                                    <span class="fa fa-stack">
                                                        <i class="fa fa-star fa-stack-2x"></i>
                                                    </span>
                                                    <span class="fa fa-stack">
                                                        <i class="fa fa-star fa-stack-2x"></i>
                                                    </span>
                                                    <span class="fa fa-stack">
                                                        <i class="fa fa-star fa-stack-2x"></i>
                                                    </span>
                                                    <span class="fa fa-stack">
                                                        <i class="fa fa-star fa-stack-2x"></i>
                                                    </span>
                                                    <span class="fa fa-stack">
                                                        <i class="fa fa-star fa-stack-2x"></i>
                                                    </span>
                                                </div>
                                                <div class="content_price price">
                                                    <span class="price-new product-price">$60.00 </span>&nbsp;&nbsp;

                                                    <span class="price-old">$77.00 </span>&nbsp;



                                                </div>
                                            </div>
                                            <!-- End item-info -->
                                            <!-- End item-wrap-inner -->
                                        </div>
                                        <!-- End item-wrap -->
                                    </div>
                                </div>
                                <!--End extraslider-inner -->
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <!-- end col products simple-->


            <div class="row row_10fp  row-bb ">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 col_0hlj  col-style">
                    <div class="livechat">
                        <a href="#"><img src="image/catalog/banners/id3-livechat.jpg" alt="image"></a>
                    </div>
                </div>          
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 col_ktny  col-style">
                    <div class="socials-w">
                        <h2>Follow socials</h2>
                        <ul class="socials">
                            <li class="facebook"><a href="https://www.facebook.com/MagenTech" target="_blank"><i class="fa fa-facebook"></i><span>Facebook</span></a></li>
                            <li class="twitter"><a href="https://twitter.com/smartaddons" target="_blank"><i class="fa fa-twitter"></i><span>Twitter</span></a></li>
                            <li class="google_plus"><a href="https://plus.google.com/u/0/+Smartaddons/posts" target="_blank"><i class="fa fa-google-plus"></i><span>Google Plus</span></a></li>
                            <li class="pinterest"><a href="https://www.pinterest.com/smartaddons/" target="_blank"><i class="fa fa-pinterest"></i><span>Pinterest</span></a></li>
                            <li class="youtube"><a href="#" target="_blank"><i class="fa fa-youtube-play"></i><span>Youtube</span></a></li>
                            <li class="linkedin"><a href="#" target="_blank"><i class="fa fa-linkedin"></i><span>linkedin</span></a></li>
                        </ul>
                    </div>
                </div>          
            </div>

        </div>
    </div>
</div>
<!-- //Main Container -->
   
   

    <!-- Footer Container -->
    <footer class="footer-container typefooter-3">
        <!-- Footer Top Container -->
        <section class="footer-top">
            <div class="container">
                <div class="module newsletter-footer3">
                    <div class="newsletter">

                        <div class="title-block">
                            <div class="page-heading font-title">
                                Signup for Newsletter
                            </div>
                            <div class="promotext">Trade Alert - Delivering the latest product trends and industry news straight to your inbox.</div>
                        </div>

                        <div class="block_content">
                            <form method="post" id="signup" name="signup" class="form-group form-inline signup send-mail">
                                <div class="form-group">
                                    <div class="input-box">
                                        <input type="email" placeholder="Your email address..." value="" class="form-control" id="txtemail" name="txtemail" size="55">
                                    </div>
                                    <div class="subcribe">
                                        <button class="btn btn-primary btn-default font-title" type="submit" onclick="return subscribe_newsletter();" name="submit">
                                    Subscribe
                                </button>
                                    </div>
                                </div>
                            </form>


                        </div>
                        <!--/.modcontent-->
                    </div>
                </div>
             </div>
        </section>
        <!-- /Footer Top Container -->
        
        <section class="footer-middle ">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 col-style">
                        <div class="box-information box-footer">
                            <div class="module clearfix">
                                <h3 class="modtitle">Information</h3>
                                <div class="modcontent">
                                    <ul class="menu">
                                        <li><a href="#">About Us</a></li>
                                        <li><a href="#">FAQ</a></li>
                                        <li><a href="#">Warranty And Services</a></li>
                                        <li><a href="#">Support 24/7 page</a></li>
                                        <li><a href="#">Product Registration</a></li>
                                        <li><a href="#">Product Support</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 col-style">
                        <div class="box-account box-footer">
                            <div class="module clearfix">
                                <h3 class="modtitle">My Account</h3>
                                <div class="modcontent">
                                    <ul class="menu">
                                        <li><a href="#">Brands</a></li>
                                        <li><a href="#">Gift Certificates</a></li>
                                        <li><a href="#">Affiliates</a></li>
                                        <li><a href="#">Specials</a></li>
                                        <li><a href="#">FAQs</a></li>
                                        <li><a href="#">Custom Link</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="box-service box-footer">
                          <div class="module clearfix">
                            <h3 class="modtitle">Categories</h3>
                            <div class="modcontent">
                              <ul class="menu">
                                <li><a href="#">Event & Party Supplies</a></li>
                                <li><a href="#">Home Improvement</a></li>
                                <li><a href="#">Lamps & Light Fixtures</a></li>
                                <li><a href="#">Kitchen & Bath Fixtures</a></li>
                                <li><a href="#">Customer Service</a></li>
                                <li><a href="#">Kitchen & Dining</a></li>
                              </ul>
                            </div>
                          </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="infos-footer box-footer">
                            <div class="module">
                                <h3 class="modtitle">Contact Info</h3>
                                <ul>
                                    <li class="adres">
                                    San Luis potosí, centro historico, 78000 san luis potosí, SPL, Mexico
                                    </li>
                                    <li class="phone">
                                    (+0214)0 315 215 - (+0214)0 315 215
                                    </li>
                                    <li class="mail">
                                    <a href="mailto:contact@opencartworks.com">contact@opencartworks.com</a>
                                    </li>
                                    <li class="time">
                                    Open time: 8:00AM - 6:00PM
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container">
                <div class="row apps-w ">
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 col-style">
                        <div class="app-store module">
                            <h3 class="modtitle">Download APP:</h3>
                            <ul>
                                <li><a title="App Store" href="#"><img src="image/catalog/demo/payment/app-3.png" alt="App Store"></a></li>
                                <li><a title="App Store" href="#"><img src="image/catalog/demo/payment/app-4.png" alt="App Store"></a></li>
                            </ul>
                        </div>
                    </div>          
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 col-style">
                        <div class="payment"><a title="App Store" href="#"><img src="image/catalog/demo/payment/payment3.png" alt="App Store"></a></div>
                    </div>          
                </div>
                <div class="categories-footer">
                    <a href="#" title="Tom Lee">Tom Lee</a> | 
                    <a href="#" title="Honda SH">Honda SH</a> | 
                    <a href="#" title="Durex">Durex</a> | 
                    <a href="#" title="Apple Pen">Apple Pen</a> | 
                    <a href="#" title="Jacket Men">Jacket Men</a> | 
                    <a href="#" title="Kotex Style">Kotex Style</a> | 
                    <a href="#" title="LG TV">LG TV</a> | 
                    <a href="#" title="Dolce Gabbana">Dolce Gabbana</a> | 
                    <a href="#" title="Onida TV">Onida TV</a> | 
                    <a href="#" title="Toshiba TV">Toshiba TV</a> | 
                    <a href="#" title="Philips TV">Philips TV</a> | 
                    <a href="#" title="Micromax TV">Micromax TV</a> | 
                    <a href="#" title="LED TV">LED TV</a> | 
                    <a href="#" title="LCD TV">LCD TV</a> | 
                    <a href="#" title="Plasma TV">Plasma TV</a> | 
                    <a href="#" title="3D TV">3D TV</a> | 
                    <a href="#" title="Smart TV">Smart TV</a> | 
                    <a href="#" title="Samsung Mobile">Samsung Mobile</a> | 
                    <a href="#" title="Asus Zenphone">Asus Zenphone</a> | 
                    <a href="#" title="Sony Camera">Sony Camera</a> | 
                    <a href="#" title="Jacket Men">Jacket Men</a> | 
                    <a href="#" title="Point shoot camera">Point shoot camera</a> | 
                    <a href="#" title="Camera Lens">Camera Lens</a> | 
                    <a href="#" title="Camera Tripod">Camera Tripod</a> | 
                    <a href="#" title="Camera Bag">Camera Bag</a> | 
                    <a href="#" title="Apple Laptop">Apple Laptop</a> | 
                    <a href="#" title="Acer Laptop">Acer Laptop</a> | 
                    <a href="#" title="Samsung Laptop">Samsung Laptop</a> | 
                    <a href="#" title="Lenovo Tablet">Lenovo Tablet</a> | 
                    <a href="#" title="Sony Laptop">Sony Laptop</a> | 
                    <a href="#" title="Accessories">Accessories</a> | 
                    <a href="#" title="Asus Laptop">Asus Laptop</a> | 
                    <a href="#" title="Ipad">Ipad</a> | 
                    <a href="#" title="LG Tablet">LG Tablet</a> | 
                    <a href="#" title="Accessories">Accessories</a> | 
                    <a href="#" title="Notebook">Notebook</a> | 
                    <a href="#" title="Sony TV">Sony TV</a> | 
                    <a href="#" title="Hat">Hat</a> | 
                    <a href="#" title="LG TV">LG TV</a> | 
                    <a href="#" title="Panasonic TV">Panasonic TV</a> | 
                    <a href="#" title="Onida TV">Onida TV</a>
                </div>
            </div>
        </section>

        <!-- Footer Bottom Container -->
        <section class="footer-bottom ">            
            <div class="container"> 
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-xs-12 copyright-w"> 
                    <div class="copyright">
                        SuperMarket © 2018 Demo Store. All Rights Reserved. Designed by <a href="http://www.bootstrapmb.com" target="_blank">OpenCartWorks.Com</a>
                    </div>  
                    </div>
                </div>
            </div>        
        </section>
        <!-- /Footer Bottom Container -->
        
        
            <!--Back To Top-->
        <div class="back-to-top"><i class="fa fa-angle-up"></i></div>
    </footer>
    <!-- //end Footer Container -->

    </div>
   




<!-- Include Libs & Plugins
============================================ -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/owl-carousel/owl.carousel.js"></script>
<script type="text/javascript" src="js/slick-slider/slick.js"></script>
<script type="text/javascript" src="js/themejs/libs.js"></script>
<script type="text/javascript" src="js/unveil/jquery.unveil.js"></script>
<script type="text/javascript" src="js/countdown/jquery.countdown.min.js"></script>
<script type="text/javascript" src="js/dcjqaccordion/jquery.dcjqaccordion.2.8.min.js"></script>
<script type="text/javascript" src="js/datetimepicker/moment.js"></script>
<script type="text/javascript" src="js/datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="js/jquery-ui/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/modernizr/modernizr-2.6.2.min.js"></script>
<script type="text/javascript" src="js/minicolors/jquery.miniColors.min.js"></script>

<!-- Theme files
============================================ -->

<script type="text/javascript" src="js/themejs/application.js"></script>

<script type="text/javascript" src="js/themejs/homepage.js"></script>

<script type="text/javascript" src="js/themejs/toppanel.js"></script>
<script type="text/javascript" src="js/themejs/so_megamenu.js"></script>
<script type="text/javascript" src="js/themejs/addtocart.js"></script>  
<!-- <script type="text/javascript" src="js/themejs/cpanel.js"></script> -->




</body>
</html>
